知识 分享 互助 快乐十分玩法与奖金

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    天津快乐十分投注:左边跟随鼠标滑动导航仿淘宝UED

    作者:佳明妈 来源:jquery特效 2014-01-05 人气:
    仿淘宝UED的左边导航,这个导航有跟随鼠标滑动导航效果,鼠标离开导航区域自动回到当前导航状态。 /*样式表文件来自 懒人css //lrcss.lrjz100.com */ 下面是懒人css中的竖向导航菜单样
    仿淘宝UED的左边导航,这个导航有跟随鼠标滑动导航效果,鼠标离开导航区域自动回到当前导航状态。

    /*样式表文件来自 懒人css //lrcss.lrjz100.com */
    下面是懒人css中的竖向导航菜单样式
    /*---------竖向菜单(非必需)---------*/
    .bl-vernav li{ border-bottom:1px solid #ddd; margin-bottom:-1px;padding-top:1px;}
    .bl-vernav a{ display:block; height:20px; line-height:20px; padding:10px 16px;}
    .bl-vernav a:hover{ background:#F8F8F8;text-decoration:none;}
    /*.bl-vernav .cur a{ background:#428BCA; color:#fff;}*/
     
    .bl-vernav-ord{ border:1px solid #ddd;}
     
    .vernav-level li li{ border-left:none;border-right:none;}
    .vernav-level li li a{ padding-left:40px;}
    .vernav-level .cur .one{ background:#F8F8F8; }
    .vernav-level li .cur a{ background:#F8F8F8; }

    这个导航的鼠标滑动跟随导航效果js代码如下
    需要jquery支持哦

    //快乐十分玩法与奖金制造
    var verNav = $(".bl-vernav"),
    line = verNav.siblings(".auxline")
    verNavFisrt = verNav.children("li:first-child"),
    curY = verNav.children("li.cur").position().top;
     
    line.height(verNavFisrt.outerHeight()-1).width(verNavFisrt.outerWidth());//设置辅助线初始化高度和宽度,也可以直接用css设置好,这里就不用js计算了 
     
    verNav.find("li").mouseenter(function(){
    var thisY = $(this).position().top;
    line.stop(true,true).animate({top:thisY},200);
    return false
    })
    .end()
    .mouseleave(function(){
    line.stop(true,true).animate({top:curY},300)
    }).trigger("mouseleave");
     
    完整的jquery导航代码效果请查看上面的代码框。

    jquery特效整理发布
    ↓ 查看全文

    快乐十分玩法与奖金 www.j63d3.cn 左边跟随鼠标滑动导航仿淘宝UED由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    快乐十分玩法与奖金就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    左边跟随鼠标滑动导航仿淘宝UED-最新评论

    • 副煌瞬74 2015-10-28 11:09:38
      [心]
    • 11 2015-10-28 11:10:38
      [心]
    • 大胆秀火辣 2015-10-09 09:48:28
      顶.支持,路过!
    • 11 2015-10-09 09:10:28
      顶.支持,路过!
  • 金灿荣 美国想遏制中国根本不可能, 我们和苏联不一样! 2018-12-09
  • 到户就不是计划经济,统一经营坚持集体的是计划经济。 2018-11-30
  • 过半美国人希望“特普”会面 以期改善美俄关系 2018-11-24
  • 专家:美方一意孤行 必将损人害己 2018-11-22
  • 【克山天气】最新克山今天天气,实时提供克山气温、空气质量、24小时天气预报、生活指数查询 2018-11-22
  • 每逢佳节酒席多,随不起的份子伤不起的面子 2018-11-20
  • 今年回南天为何掉线了?这其实并不奇怪 2018-11-16
  • 清热-热门标签-华商生活 2018-11-16
  • 服装业华丽转身后面临渠道尴尬 2018-11-12
  • 亲信干政案一审宣判:朴槿惠被判24年监禁 罚款180亿韩元 2018-11-12
  • 国台办主任张志军赴金门参访 2018-11-06
  • 【学习时刻学思践悟十九大⑥】光明日报王丹:中国书写“最成功的脱贫故事” 2018-11-03
  • 天润·西山农牧场亚心网第十届全民植树节举行 2018-11-03
  • 悦读 —频道 春城壹网 七彩云南 一网天下 2018-10-31
  • 做法-热门标签-华商生活 2018-10-28
  • 552| 555| 846| 448| 844| 251| 927| 712| 424| 93|