Maison > interface Web > tutoriel HTML > 如何用链接点击跳转到<li>_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-21 08:53:59
original
1461 Les gens l'ont consulté

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

代码如下:


这个素材的链接是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();						}					}				}
Copier après la connexion
Copier après la connexion

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

$("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();						}					}				}
Copier après la connexion
Copier après la connexion

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



我是想去掉左右点击,直接在上面放几个链接,点哪个就跳到那个li。。。
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal