Community Learn Tools Library Leisure
search
English
Home > Backend Development > PHP Tutorial > 导航是咋搞的？

导航是咋搞的？

WBOY
Release： 2016-06-20 12:39:05
Original
1088 people have browsed it

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


回复讨论(解决方案)

如果是框架结构，则指定链接的 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>
Copy after login

列表页程序 
<a href='内容页程序' target=right>标题</a>
Copy after login

可以使用与target来实现。 

<frameset cols="100,*">  <frame src="toc.html">  <frame src="pref.html" name="view_frame"></frameset>
Copy after login


然后在toc.html中有这一句 
<a href="http://www.baidu.com" target="view_frame">跳转</a>
Copy after login


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

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

恩，高手，经验丰富。

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

Related labels：
导航是咋搞的？
source：php.cn
Previous article：【Linux】LAMP架构之以模块方式让php和httpd搭档工作 Next article：阿里技术文章：浅谈 Node.js 和 PHP 进程管理
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
Latest Articles by Author
Latest Issues
In mobile view, how can I close this navigation bar when the user clicks on the link? When the user clicks a link to browse the website, the navigation bar does not close? I've...
From 2024-04-06 19:23:03
0
1
411
Show hidden side panels: checked I would like to have a navigation menu in the side panel with the ability to switch to vie...
From 2024-04-06 15:49:33
0
1
319
React Router nested routing and use of search parameters When using search parameters in a nested React route, when I'm on /app, and after clicking...
From 2024-04-05 13:48:33
0
1
1475
JavaScript is not running as expected I'm trying to make htmlcssjs responsive but it doesn't work as expected, when it is minimi...
From 2024-04-04 13:05:32
0
1
306
Why can't I call my css hyperlink style class from html code? I want to create multiple classes for hyperlink styles. I want a default class as well as ...
From 2024-04-04 11:20:16
0
2
306
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template