找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1987|回复: 4

[求助] 大神们 进来帮忙看看...怎么融出来这效果?

[复制链接]
发表于 2016-12-2 11:54:15 | 显示全部楼层 |阅读模式
88体力
后期需求要在这效果上增加个..左右控制......求教各位大神 这个能改出来吗?......本人新手,弄了半天也没搞的出来.....

就是点击 左右控制的时候 导航和导航相应的内容 也变化。。。。。拜谢了~!~!~!

 提示:您可以先修改部分代码再运行

最佳答案

查看完整内容

[html] 无标题文档 body,button,input,select,textarea{font:12px/1.5 Microsoft YaHei,Arial,SimSun,Tahoma;} sub,sup{line-height:0;} body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} li{list-style:none;} fieldset,img{border:0;} img{vertical-align:middle} ...
发表于 2016-12-2 11:54:16 | 显示全部楼层

 提示:您可以先修改部分代码再运行


通过cur找到当前显示的li标签,然后,如果是左移,就触发当前li标签的左边一个li的点击事件,如果是右移,触发右边的点击事件。
需要注意的是,如果是第一个或者最后一个,相应的左右需要处理下。
  1. //new code
  2.         $(document).on('click','.leftbox',function(){
  3.                 var index = $('.numNav ul li.cur').index();
  4.                 var length = $('.numNav ul li').size();
  5.                 index --;
  6.                 if(index == -1){
  7.                         index = length - 1;
  8.                 }
  9.                 $('.numNav ul li').eq(index).click();
  10.         });
  11.         $(document).on('click','.rightbox',function(){
  12.                 var index = $('.numNav ul li.cur').index();
  13.                 var length = $('.numNav ul li').size();
  14.                 index ++;
  15.                 if(index == length){
  16.                         index = 0;
  17.                 }
  18.                 $('.numNav ul li').eq(index).click();
  19.         });
复制代码
回复

使用道具 举报

 楼主| 发表于 2016-12-2 13:53:59 | 显示全部楼层

膜拜....困扰我好多天的东西....翻阅查找给中资料 死活没弄出来...让大神分分种种搞定...什么时候能到这水平...
回复

使用道具 举报

发表于 2016-12-2 14:14:52 | 显示全部楼层
liuyang7758 发表于 2016-12-2 13:53
膜拜....困扰我好多天的东西....翻阅查找给中资料 死活没弄出来...让大神分分种种搞定...什么时候能到这 ...

这只是搬砖的水平。搬的砖多了,自然就会了。
回复

使用道具 举报

发表于 2016-12-5 16:35:43 | 显示全部楼层
要好好学习,学习
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备19000417号-2 )

GMT+8, 2021-12-6 04:40 , Processed in 0.061747 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表