一:框架集
HTML框架集文檔可在Web瀏覽器窗口中顯示多個獨立的可滾動區域,這些區域稱爲框架。框架集中每個框架在web瀏覽器窗口中它自己那部分區域內顯示一個NTML文檔。
HTML<frameset>標籤
屬性 | 值 | 描述 |
cols | 定義框架集中列的數目和尺寸 | |
rows | 定義框架集中行的數目和尺寸 |
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>
<!--框架集無需body-->
<!--
<frameset cols="20%,30%,50%">
<frame src="a.html">
<frame src="b.html">
<frame src="c.html">
</frameset>
<frameset rows="20%,30%,50%">
<frame src="a.html">
<frame src="b.html">
<frame src="c.html">
</frameset>
-->
<frameset cols="20%,80%">
<frame src="a.html">
<frameset cols="20%,80%">
<frame src="b.html">
<frame src="c.html">
</frameset>
</frameset>
</html>
二:動態標記:
頁面自動滾動的效果,可以實現多種滾動的效果,無需js控制,不僅可以移動文字,也可以移動圖片和表格等。
<marquee>標籤。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>滾動</title>
</head>
<body>
<!--屬性方向-->
<marquee direction="up">滾動標籤</marquee>
<!--來回的交替滾動-->
<marquee behavior="alternate" direction="up">來回的交替滾動</marquee>
<!--滾動速度-->
<marquee behavior="alternate" direction="up" scrollamount="20">來回的交替滾動+速度</marquee>
<!--滾動的延遲以毫秒爲單位-->
<marquee behavior="alternate" direction="up" scrollamount="20" scrolldelay="2000">來回的交替滾動+速度+延遲</marquee>
<!--滾動的次數:1只滾動一次,-1循環滾動-->
<marquee behavior="alternate" direction="up" loop="1">滾動的次數</marquee>
<!---滾動的背景+ 寬度+高度-->
<marquee bgcolor="red" width="400" height="200">背景+寬+高</marquee>
<!--滾動圖像-->
<marquee direction="left" scrollamount="10"><img src="../../qq.jpg"></marquee>
</body>
</html>