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

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

WBOY
Freigeben: 2016-06-21 08:53:59
Original
1460 Leute haben es durchsucht

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

代码如下:


这个素材的链接是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();						}					}				}
Nach dem Login kopieren
Nach dem Login kopieren

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

$("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();						}					}				}
Nach dem Login kopieren
Nach dem Login kopieren

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



我是想去掉左右点击,直接在上面放几个链接,点哪个就跳到那个li。。。
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage