星空网 > 软件开发 > Java

jquery模仿京东/天猫商品分类导航效果

现在天猫或者京东商品分类模块的默认的效果是这样的:

jquery模仿京东/天猫商品分类导航效果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" width="909" height="369" />

当鼠标移出蓝色框以外的区域,就会恢复默认的效果显示!然而使用jQuery的鼠标滑过事件,用得比较多的就是mouseover()和mouseout(),或者是他们两个的整合hover();所以之前我也是用的这种方法,但是一直调整都调整不到想要的效果!后来灵光一现,想着使用一下mouseenter()和mouseleave();结果分分钟想要的效果就出来了!

我的布局大致是这样的:

    <div >      <div ></div>      <div >全部商品分类</div>       <div >        <div >          <div >            <span ><a href="#">手机、</a><a href="#">数码、</a><a href="#">京东通信</a></span>            <i >></i>          </div>          <div >            <span ><a href="#">手机、</a><a href="#">数码、</a><a href="#">京东通信</a></span>            <i >></i>          </div>          <div >            <span ><a href="#">手机、</a><a href="#">数码、</a><a href="#">京东通信</a></span>            <i >></i>          </div>            </div>                       <div >          <div >            <a href="#">111详细的子菜单,这里就不写了</a>                      </div>          <div >            <a href="#">22222详细的子菜单,这里就不写了</a>                      </div>          <div >            <a href="#">3333详细的子菜单,这里就不写了</a>                      </div>                     </div>       </div>     </div>

 

在nav_left的盒子里有3块大内容,分别是如图的1,2,3,它们同属于nav_left里面,因为都属于分类商品的内容,1和2相当于是装饰展示的作用,把布局排好就行

jquery模仿京东/天猫商品分类导航效果

那么重点是在第3个模块,第三个模块的大盒子这里命名为dd

在dd的盒子(也就是第3模块)里面,分别有左边红色背景的这个导航分类的大盒子(nav_list)3.1,和右边鼠标滑过之后才显示的白色背景的盒子(nav_detailBox)3.2,经常写这种布局的肯定知道是用定位布局才能实现,所以这里也是用定位来实现的布局。

jquery模仿京东/天猫商品分类导航效果

布局要和我们的样式相关联系,比如我们默认样式就是鼠标不滑过是默认的效果,鼠标滑过显示的特殊效果,那就单独写一个样式,通过jquery事件添加进去即可!

例如我这里就有一个特殊的类nav_list_s01,添加上它这个类之后,鼠标滑过背景就是白色的。

 

当布局和样式完全准备妥当之后,我们就可以使用jquery来实现之前想要的效果了:

$(".nav_list_s").mouseenter(function(){	$(this).addClass("nav_list_s01").siblings().removeClass("nav_list_s01");	$(".nav_detailBox").show();	$(".nav_detailBox").children(".nav_detail").eq($(this).index()).show().siblings().hide();})$(".nav_left").mouseleave(function(){	$(this).find(".nav_list_s").removeClass("nav_list_s01");	$(".nav_detailBox").stop().hide();})

 之前给出的大致布局也可以看出,nav_list_s是这些盒子

jquery模仿京东/天猫商品分类导航效果

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流