loading_effect
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Loadind Effect</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/slider.css" />
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/smartMenu.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
//Menu
jQuery("#menu > li").smartMenu({
inSpeed: 600,
outSpeed: 300,
margin: 8,
easingFxIn: 'easeOutQuint',
easingFxOut: 'easeOutQuint'
});
});
</script>
<script type="text/javascript" src="scripts/queryLoader.js"></script>
<script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(".btn-slide, .hide").click(function(){
jQuery("#panel").slideToggle("slow");
jQuery(this).toggleClass("active"); return true;
});
});
</script>
</head>
<body>
<!--top_wrapper end-->
<p class="slide"><a href="#" class="btn-slide"></a></p>
<script>
$(document).ready(function () {
$("body").queryLoader2({
barColor: "#000000",
backgroundColor: "#FFFFFF",
percentage:false,
barHeight: 1,
completeAnimation: "grow",
minimumTime: 2000
});
$('#loaderlogo').css({ width:'177px', height:'69px', position:'absolute', 'margin-top':'-140px', 'margin-left':'-88px', top:'50%', left:'50%', background:'url(images/krish_play.gif) no-repeat center'})
});
$('#mailcontdiv a').hover(function(){$(this).find('.hovspan').fadeIn(200)}, function(){$(this).find('.hovspan').fadeOut(200)
});
</script>
</body>
</html>
No comments:
Post a Comment