您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > jQuery特效 >

    jQuery带遮罩阴影网址导航

    时间:2014-05-16 17:44 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表
    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>
    jQuery带遮罩阴影网址导航由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/7727.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!