網頁製作技巧14條
提示:使用前請把大寫狀態下"<>"改為小寫狀態下的"<>"
01.讓背景圖不滾動
IE流覽器支援一個 Body 屬性 bgproperties,它可以讓背景不滾動:
〈Body Background="圖片檔" bgproperties="fixed"〉
02.讓IFRAME框架內的文字內容背景透明
<iframe src="about:<body style=‘background:transparent‘>" allowtransparency></iframe>
03.禁止右鍵:
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">
04.進入頁面後立即自動刷新?
<meta http-equiv="refresh" content="120;url=http://www.rus.net.tw">
http://www.rus.net.tw,這是你自己的網址。
05.能隱藏IFRAME的捲軸嗎?三種方法:
1. 設置iframe scrolling="no"
2. 被包含頁body應用overflow:hidden
3. 被包含頁的body標籤加scroll="no"
06.加入背景音樂
<bgsound src="mid/windblue[1].mid" loop="-1"> 只適用於IE <embed src="music.mid" autostart="true" loop="true" hidden="true">
對Netscape ,IE 都適用
07.嵌入網頁
<iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>
08.跳轉
<meta http-equiv="refresh" content="3;URL=list.htm">
09.細線分隔線
<hr noshade size=0 color=#C0C0C0>
10.過度方式
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
Duration的值為網頁動態過渡的時間,單位為秒。
Transition是過渡方式,它的值為0到23,分別對應24種過渡方式。如下表:
0 盒狀收縮 1 盒狀放射
2 圓形收縮 3 圓形放射
4 由下往上 5 由上往下
6 從左至右 7 從右至左
8 垂直百葉窗 9 水準百葉窗
10 水準格狀百葉窗 11垂直格狀百葉窗
12 隨意溶解 13從左右兩端向中間展開
14從中間向左右兩端展開 15從上下兩端向中間展開
16從中間向上下兩端展開 17 從右上角向左下角展開
18 從右下角向左上角展開 19 從左上角向右下角展開
20 從左下角向右上角展開 21 水平線狀展開
22 垂直線狀展開 23 隨機產生一種過渡方式
11.如何控制橫向和縱向捲軸的顯隱?
<body style="overflow-y:hidden"> 去掉x軸
<body style="overflow-x:hidden"> 去掉y軸
<body scroll="no">不顯
12.怎樣在網頁中加入 E-mail 連結並顯示預定的主題?
〈A href="mailto:Emailhost@263.net?subject=主題"〉……〈/a〉
13.設為首頁:
〈a href=# onclick=this.style.behavior=‘url(#default#homepage)‘;this.setHomePage(‘http://連結‘);〉設為首頁〈/a〉
14.定制瀏覽器位址欄前的小圖示:
A:在網頁的〈head〉〈/head〉間加入以下語句:
〈link rel="shortcuticon" href="http://…/icon.ico"〉 即可。
其中 icon.ico 為 16x16 的圖示檔,顏色不要超過 16 色。
|