Glowing Text Effect
Move your mouse pointer here to experience the glowing effect.
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
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.
