> 웹 프론트엔드 > 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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿