1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html导航栏点击显示该栏内容 点击导航栏 实现下方内容改变

html导航栏点击显示该栏内容 点击导航栏 实现下方内容改变

时间:2022-11-05 23:24:20

相关推荐

html导航栏点击显示该栏内容 点击导航栏 实现下方内容改变

经常看到网页当中,上方一个导航栏,下面有内容,点击导航栏菜单,就可以改变下方的内容,今天查了查实现方法,本人用的frameset+frame实现的,实现方法简单,容易理解。废话不多说,上代码:

Index.html

1

2

3

index

4

5

6

7

8

9

说明:rows表示你要把网页上下分栏,cols表示左右分栏,rows后面"25%,*"有两项表示分成上下两栏,25%表示上栏占整个网页的25%,后面的*表示下栏占全部,如果第二个也出现分数,表示下栏占网页的百分比。这个rows当中只有两项,表示分两栏,3项表示分三栏,比如“25%,50%,25%”,以此类推。

frame标签表示分的栏数,和上面的rows里面的数量对应,分别给分的栏设置一个name,一般为top,botton,left,right,....src表示这一栏当中要显示的页面内容。

Top.html

1

2

3

top

4

5

6 1

7 2

8

9

top.html-------使用a标签的target属性,点击当前链接之后,要转向的栏的名称,使用botton,因为index。html当中,有name为botton的frame,所以表示点击1之后,会把1.html当中的内容显示到名称为botton的frame当中,由此实现了在上方top当中点击链接,在下方botton当中改变内容。

Botton.html

1

2

3

botton

4

5

6 show word.7

8

1.html

1

2

3

1

4

5

6 17

8

2.html

1

2

3

2

4

5

6 27

8

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。