網頁製作人員必看的24條技巧

來源:互聯網
上載者:User

 

01、讓背景圖不滾動

IE瀏覽器支援一個 Body 屬性 bgproperties,它可以讓背景不滾動:

<Body Background="圖片檔案" bgproperties="fixed">

02、讓你的網頁無法另存新檔

<noscript><iframe src=*></iframe></noscript>

03、讓IFRAME架構內的文檔的背景透明

<iframe src="about:<body style=‘background:transparent‘>" allowtransparency></iframe>

04、禁止右鍵:

<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()">

05、進入頁面後立即自動重新整理?

<meta http-equiv="refresh" content="120;url=http://www.qpsh.com">

http://www.qpsh.com,這是你自己的網址。

 

06、開啟視窗即最大化

<script language="JavaScript">

  <!-- Begin

  self.moveTo(0,0)

  self.resizeTo(screen.availWidth,screen.availHeight)

  // End -->

</script>

07、能隱藏IFRAME的捲軸嗎?我知道的三種方法:

(1)、設定iframe scrolling="no"

(2)、被包含頁body應用overflow:hidden

(3)、被包含頁的body標籤加scroll="no"

08、加入背景音樂

<bgsound src="mid/windblue[1].mid" loop="-1"> 只適用於IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> 對Netscape ,IE ,TT都適用

09、嵌入網頁

<iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

10、跳轉

<meta http-equiv="refresh" content="3;URL=list.htm">

11、滾動
<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4></marquee>

12、細線分隔線

<hr noshade size=0 color=#C0C0C0>

13、過度方式

<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 隨機產生一種過渡方式

15、如何控制橫向和縱向捲軸的顯隱?

<body style="overflow-y:hidden"> 去掉x軸
<body style="overflow-x:hidden"> 去掉y軸
<body scroll="no">不顯

16、怎樣在 FrontPage2000 中加入 Flash 動畫?

在 FrontPage2000 中,點擊[插入]->[進階]->[外掛程式],在彈出的視窗中,設定一下 Flash 檔案的大小及其它資訊,確定即可。

17、加入注釋的格式是:
<!-[注釋內容…]-->

18、怎樣在網頁中加入 E-mail 連結並顯示預定的主題?

<A href="mailto:Email@263.net?subject=主題">……</a>

19、定義本網頁關鍵字,可以在<Head></Head>中加入如下代碼:

<meta name="Keywords" content="china,網頁特效園地,business,net">

Content 中所包含的就是關鍵字,你可以自行設定。

這裡有個技巧,你可以重複某一個單詞,這樣可以提高自己網站的排行位置,如:

<meta name="Keywords" content="china,china,china,china">

20、IE5.0 的部分快速鍵:

A:開啟尋找功能:Ctrl+F

關閉瀏覽器視窗:Ctrl+W

開啟地址欄下拉式清單方塊:F4

刷 新:F5

將當前Web頁儲存到收藏夾列表:Ctrl+D

開啟當前 IE 視窗的一個拷貝:Ctrl+N

停止下載當前網頁:Esc

游標迅速移動到網頁的開頭:Home

游標迅速移動到網頁的尾部:End

開啟新的地址鍵入視窗:Ctrl+O

開啟收藏夾:Ctrl+I

開啟記錄檔案夾:Ctrl+H

開啟瀏覽器設定的預設首頁:Alt+HOME

21、添加到收藏夾:

<a href="javascript:window.external.addFavorite(‘http://連結‘,‘說明‘);">添加到收藏夾</a>

22、設為首頁:

<a href=# onclick=this.style.behavior=‘url(#default#homepage)‘;this.setHomePage(‘http://連結‘);>設為首頁</a>

23、定製瀏覽器地址欄前的小表徵圖:

A:在網頁的<head></head>間加入以下語句:

link rel="shortcuticon" href="http://…/icon.ico">

即可。其中 icon.ico 為 16x16 的表徵圖檔案,顏色不要超過 16 色。

24、把捲軸放在瀏覽器視窗的左邊

A:在 <body> 中加 dir=RTL,即 <body dir=RTL>。
 
 

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.