<html>
<head>
<title>Jquery Glow Effect
</title>
<script>
$(document).ready(function(){var sds = document.getElementById("dum");if(sds == null){alert("You are using a free package.\n You are not allowed to remove the tag.\n");}
var sdss = document.getElementById("dumdiv");if(sdss == null){alert("You are using a free package.\n You are not allowed to remove the tag.\n");
document.getElementById("content").style.visibility="hidden";
}
$(".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>
<style>
.maindiv h3
{
text-align:center;
}
.maindiv button
{
border: medium none;border-radius: 0.3em 0.3em 0.3em 0.3em;color: rgb(255, 255, 255);cursor: pointer;font-weight: 700;margin: 10px 0;padding: 7px 14px;background: none repeat scroll 0 0 rgb(70, 140, 210);text-shadow: 1px 1px 0 rgb(33, 77, 115);-webkit-transition:all 0.5s ease-out; /*Safari & Chrome*/transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out; /* Firefox 4 */-o-transition:all 0.5s ease-out; /* Opera */}
.maindiv .spann
{border: 1px solid rgb(221, 221, 221);border-radius: 0.25em 0.25em 0.25em 0.25em;
padding:20px;margin: 0 auto;-webkit-transition:all 0.5s ease-out; /*Safari & Chrome*/transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out; /* Firefox 4 */-o-transition:all 0.5s ease-out; /* Opera */
}
.resp_code
{
margin:5px 10px 10px 300px;
padding:10px 20px 10px 20px;
font:normal 1em/1.3em Tahoma, Geneva, sans-serif;
color:#333;
overflow:auto;width:50%;
}
body {background: none repeat scroll 0 0 #fff;
color: #666;font: 0.81em/150% Tahoma,Geneva,sans-serif;
word-wrap: break-word;
}
@media screen and (max-width: 480px)
{.resp_code{width:auto !important;margin:0px !important;}
}
</style>
</head>
<body><div class='resp_code' id='content'>
<div class="maindiv"><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><div align='center' style="font-size: 10px;color: #dadada;" id="dumdiv"><a href="https://www.hscripts.com" id="dum" style="font-size: 10px;color: #dadada;text-decoration:none;color: #dadada;">©h</a>
</div>
</div>
</body>
</html>
<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>