jQuery带遮罩阴影网址导航
jQuery带遮罩阴影网址导航是一款jquery.bxSlide.js多行多列滚动图片鼠标悬停遮罩阴影效果。jquery遮罩效果网址导航鼠标悬停
<script type="text/javascript">
$(function(){
$(".bxslider li ul li").hover(function(){
$(".x",this).stop().css({'left':'35px'}).animate({'left':"40px"},400).show();
$(".y",this).stop().css({'right':'35px'}).animate({'right':"40px"},400).show();
$('.fire',this).fadeIn(500);
},function(){
// $('.x, .y',this).stop().animate({"top":"30px"},400);
$('.fire, .x, .y',this).fadeOut(500);
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider({
minSlides: 4,
maxSlides: 4,
nextSelector: '#slider-next',
prevSelector: '#slider-prev',
slideWidth: 240,
slideMargin:0,
auto: false
});
});
</script>