Jquery Glow Effect Script

Glowing text effect script helps to give the glow effect to the content on mouse hover in your webpage.

Features

  • Highlights the text with color changes which grabs users attention.
  • Simple glowing effect script to make your webpage look elegant.
  • Smooth glow effect appears on mouse hover both on text and button.
  • Responsive and easy to integrate.

Preview

Glowing Text Effect



Move your mouse pointer here to experience the glowing effect.



©h

Downloads




<script type='text/javascript'>

$(document).ready(function(){
$(".maindiv button").hover(function(){


$('.maindiv button').css({

'cursor':'pointer','color': 'blue','background': 'none repeat scroll 0 0 rgb(70, 225, 225)'});


}
,function(){

$('.maindiv button').css({

'cursor':'pointer','color': 'rgb(255, 255, 255)','background': 'none repeat scroll 0 0 rgb(70, 140, 210)'});
});
$(".spann").hover(function(){

$('.spann').css({

'cursor':'pointer','color': 'white','background-color': '#aaa','text-shadow': '0 0 10px red'});
}

,function(){

$('.spann').css({

'cursor':'pointer','color': 'black','background': 'none','text-shadow': 'none'});
});

});

</script>

<div class="maindiv" align='center'><h3>Glowing Text Effect</h3>

<div class="spann">Move your mouse pointer here to experience the glowing effect.</div>

<br><div align="center"><button>Button</button><br><br></div>

</div>


  • Release Date - 11-06-2015
  • Get free version without ©copyright link for just $10/-
  • For customization of this script or any script development, mail to support@hscripts.com

Usage

  • Copy and paste the above code into your web page.
  • Css style inside the hover function will give you the glow effect.
  • To get the glowing effect, use the hover(function(){}) for the required content in your webpage.
  • To run the code, "jquery.js" file is necessary.
  • Download this jquery.js file and include it in your head tag.

License

  • This Jquery code is given under GPL License
  • i.e. Free use for those who use the codes as it is.
  • Free, if your modification does not remove our copyright information and links.
  • Detailed License information can be found here.
  • You can purchase the script if your requirements does not meet our GPL License terms.

Related Scripts

Jquery Download


Ask Questions

Ask Question