首页 > web前端 > html教程 > 如何用链接点击跳转到<li>_html/css_WEB-ITnose

如何用链接点击跳转到<li>_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 08:53:59
原创
1460 人浏览过

 是这样的,我想在这个页面加个导航,通过链接点击直接切到那个页面,怎么实现呢?

代码如下:


这个素材的链接是http://tympanus.net/codrops/2014/10/24/wobbly-slideshow-effect/


回复讨论(解决方案)

jq load

把要切换的页面放到html里面,使用js的单击事件转切换hide,show.

建议看看图片轮播效果

$("button").click(){					function _toggle(abbr){					var li = $("ul li:visible"); //获取当前显示 li元素						if(this.className=="next"){//判断是否点击向右按钮							li.hide();							li.next().show();						}else						if(this.className=="prev") {//判断是否点击向左按钮							li.hide();							li.prev().show();						}					}				}
登录后复制
登录后复制

随便写写大致意思就是这样

$("button").click(){					function _toggle(abbr){					var li = $("ul li:visible"); //获取当前显示 li元素						if(this.className=="next"){//判断是否点击向右按钮							li.hide();							li.next().show();						}else						if(this.className=="prev") {//判断是否点击向左按钮							li.hide();							li.prev().show();						}					}				}
登录后复制
登录后复制

随便写写大致意思就是这样



我是想去掉左右点击,直接在上面放几个链接,点哪个就跳到那个li。。。
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板