高手賜招 網頁製作經典技巧24條

來源:互聯網
上載者:User
高手賜招 網頁製作經典技巧24條
提示:使用前請把大寫狀態下"<>"改為小寫狀態下的"<>" 

  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.wodutom.com/cn083"> 

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

  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 都適用 

  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:Emailhost@263.net?subject=主題"〉……〈/a〉 

  19.定義本網頁關鍵字,可以在〈Head〉〈/Head〉中加入如下代碼: 

  〈meta name="Keywords" content="china,enterprise,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>。 

有興趣的朋友可以看一看!
這個是網頁的背景色從上下到由藍色到白色的漸層!
代碼如下:

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#46B5FF,endColorStr=#ffffff)" >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.