지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 백엔드 개발 > PHP 튜토리얼 > 导航是咋搞的？

导航是咋搞的？

WBOY
풀어 주다： 2016-06-20 12:39:05
원래의
1088명이 탐색했습니다.

在页面左边区域点击菜单，页面右边出现相应的内容。


回复讨论(解决方案)

如果是框架结构，则指定链接的 target 为目标框架名
如果是 css+div 结构，一般使用 jQuery 的 ajax.load 方法

如果是框架结构，则指定链接的 target 为目标框架名
如果是 css+div 结构，一般使用 jQuery 的 ajax.load 方法

只用HTML能搞定吗？jQuery不会啊

只用HTML的话，用iframe
菜单的target 为右侧iframe的名称

只用HTML的话，用iframe
菜单的target 为右侧iframe的名称

是用在div里吗？ 

<frameset cols="200,*">  <frame name="left" src="列表页程序" frameborder="0" scrolling="auto" />  <frame name="right" src="内容页初始程序" frameborder="0" scrolling="auto" /></frameset>
로그인 후 복사

列表页程序 
<a href='内容页程序' target=right>标题</a>
로그인 후 복사

可以使用与target来实现。 

<frameset cols="100,*">  <frame src="toc.html">  <frame src="pref.html" name="view_frame"></frameset>
로그인 후 복사


然后在toc.html中有这一句 
<a href="http://www.baidu.com" target="view_frame">跳转</a>
로그인 후 복사


这样就会在frame view_frame读取新页面了。

如果是框架结构，则指定链接的 target 为目标框架名
如果是 css+div 结构，一般使用 jQuery 的 ajax.load 方法

恩，高手，经验丰富。

 教你一个学习方法，看到不懂的效果，右键——审查元素，最多再找找绑定的js事件代码，全都到手了

관련 라벨：
导航是咋搞的？
원천：php.cn
이전 기사：【Linux】LAMP架构之以模块方式让php和httpd搭档工作 다음 기사：阿里技术文章：浅谈 Node.js 和 PHP 进程管理
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요? 사용자가 웹 사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않습니까? 내비게이션 바를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가해 보았지만 작...
에서 2024-04-06 19:23:03
0
1
411
숨겨진 측면 패널 표시: 선택됨 애니메이션 햄버거 메뉴를 통해 보기로 전환할 수 있는 탐색 메뉴를 측면 패널에 갖고 싶습니다. JS 없이 CSS만 사용하여 만들고 싶습니다. :checked 의사...
에서 2024-04-06 15:49:33
0
1
319
React Router 중첩 라우팅 및 검색 매개변수 사용 중첩된 React 경로에서 검색 매개변수를 사용할 때 /app에 있을 때 /app/user로 이동하는 링크를 클릭한 후 탐색이 작동하지 않습니다. 중첩하지 않고 ...
에서 2024-04-05 13:48:33
0
1
1475
JavaScript가 예상대로 실행되지 않습니다. htmlcssjs를 반응형으로 만들려고 하는데 예상대로 작동하지 않습니다. 최소화하면 이미 반응형이지만 onclick을 하면 작동하지 않습니다. 내비게이션 및 내...
에서 2024-04-04 13:05:32
0
1
306
HTML 코드에서 CSS 하이퍼링크 스타일 클래스를 호출할 수 없는 이유는 무엇입니까? 하이퍼링크 스타일에 대한 여러 클래스를 만들고 싶습니다. 탐색 메뉴에 대한 특수 클래스뿐만 아니라 기본 클래스도 원합니다. 이것은 내 CSS 코드입니다: a{co...
에서 2024-04-04 11:20:16
0
2
306
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿