>

顶部缓冲下拉菜单导航特效的JS代码,jQuery产品间

- 编辑:正版管家婆马报彩图 -

顶部缓冲下拉菜单导航特效的JS代码,jQuery产品间

中央代码如下:

复制代码 代码如下:

复制代码 代码如下:

<script type="text/javascript">
            $(function() {
                var d=300;
                $('#navigation a').each(function(){
                    $(this).stop().animate({
                        'marginTop':'-80px'
                    },d+=150);
                });

$(function(){
var _BuyList=$("#buyList");
var Trundle = function () {
_BuyList.prepend(_BuyList.find("li:last")).css('marginTop', '-85px');
_BuyList.animate({ 'marginTop': '0px' }, 800);
}
var setTrundle = setInterval(Trundle, 3000);
_BuyList.hover(function () {
clearInterval(setTrundle);
setTrundle = null;
},function () {
setTrundle = setInterval(Trundle, 3000);
});
});

                $('#navigation > li').hover(
                function () {
                    $('a',$(this)).stop().animate({
                        'marginTop':'-2px'
                    },200);
                },
                function () {
                    $('a',$(this)).stop().animate({
                        'marginTop':'-80px'
                    },200);
                }
            );
            });
        </script>

您恐怕感兴趣的小说:

  • 据说jQuery仿天猫商城产品图片放大镜特效
  • 基于jQuery仿Tmall产品图片放大镜代码分享
  • jQuery仿Tmall网产品品牌遮蔽与展现效果
  • jQuery达成的制品自动360度旋转突显特效源码共享
  • 利用jQuery容易落成产品展现图片左右轮转效应(示例代码)
  • 基于JQuery制作的成品广告功能
  • jQuery达成产品比较功效附源码下载

您大概感兴趣的作品:

  • JS达成飞速的领航下拉菜单动画效果附源码下载
  • JS中用两种办法贯彻导航菜单中的二级下拉菜单
  • JS 完结导航菜单中的二级下拉菜单的两种方法
  • 基于JS快速落成导航下拉菜单动画效果附源码下载
  • javascript仿京东导航左侧分类导航下拉菜单效果
  • js达成包容性好的微软官方网站导航下拉菜单效果
  • jquery仿京东导航/仿Taobao市肆侧边分类导航下拉菜单效果
  • jQuery落成的凝练下拉菜单导航效率代码
  • jquery完成轻便的二级导航下拉菜单效果
  • 原生JS达成导航下拉菜单效果

本文由关于计算机发布,转载请注明来源:顶部缓冲下拉菜单导航特效的JS代码,jQuery产品间