Home > Web Front-end > HTML Tutorial > 如何用链接点击跳转到<li>_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-21 08:53:59
Original
1461 people have browsed it

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

代码如下:


这个素材的链接是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();						}					}				}
Copy after login
Copy after login

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

$("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();						}					}				}
Copy after login
Copy after login

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



我是想去掉左右点击,直接在上面放几个链接,点哪个就跳到那个li。。。
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template