首頁 > web前端 > html教學 > html網頁特效代碼有哪些

html網頁特效代碼有哪些

coldplay.xixi
發布: 2023-01-03 09:30:03
原創
6186 人瀏覽過

html網頁特效碼有:1.字型加粗【xx】;2、字型斜體【xx】;3、字型控制大小【

xx

】;4、換貼文背景【】;5、貼圖【

html網頁特效代碼有哪些

本教學操作環境:windows7系統、html5版,DELL G3電腦。

html網頁特效程式碼有:

1)貼圖:

<img src="图片地址">
登入後複製

2)加入連線:

<a href="所要连接的相关地址">写上你想写的字</a>
登入後複製

3)在新視窗開啟連線:

<a href="相关地址" target="_blank">写上要写的字</a>
登入後複製

消除連線的底線在新視窗開啟連線:

<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>
登入後複製

4)移動字體(走馬燈):

<marquee>写上你想写的字</marquee>
登入後複製

5)字體加粗:

<b>写上你想写的字</b>
登入後複製

6)字體斜體:

<i>写上你想写的字</i>
登入後複製

7)字體下劃線:

<u>写上你想写的字</u>
登入後複製

8)字體刪除線:

<s>写上你想写的字</s>
登入後複製

9)字體加大:

<big>写上你想写的字</big>
登入後複製

10)字體控制大小:

<h1>写上你想写的字</h1>
登入後複製

(其中字體大小可從h1-h5,h1最大,h5最小)

11)變更字體顏色:

<font color="#value">写上你想写的字</font>
登入後複製

(其中value值在000000與ffffff(16位元進位)之間

12)消除連接的底線:

<a href="相关地址" style="text-decoration:none">写上你想写的字</a>
登入後複製

13)貼音樂:

<embed src=音乐地址 width=300 height=45 type=audio/mpeg autostart="false">
登入後複製

14)貼flash:

<embed src="flash地址" width="宽度" height="高度">
登入後複製

15)貼影視檔:

<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
登入後複製

16)換行:<br>

#17)段落:

<p>段落</p>
登入後複製

18)原始文字樣式:

<pre class="brush:php;toolbar:false">正文
登入後複製

19)換帖子背景:

<body background="背景图片地址">
登入後複製

20)固定帖子背景不隨滾動條滾動:

<body background="背景图片地址" body bgproperties=fixed>
登入後複製

21)客製化貼文背景顏色:(value值見10)

22)貼文背景音樂:

23)貼網頁:

# HTML特效程式碼1。忽略右鍵 

  <body oncontextmenu="return false">
登入後複製

  或 

 <body style="overflow-y:hidden">
登入後複製

2.加入背景音樂 

  IE:<bgsound src="*.mid" loop=infinite> 
  NS:<embed src="*.mid" autostart=true hidden=true loop=true> 
  </embed> 
  *.mid你的背景音乐的midi格式文件
登入後複製

3. 簡單的window.open方法 

  <a href="#" 
  onclick="javascript :window.open(文件路径/文件名,newwindow, 
  toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, 
  width=400,height=300);">文字或图片</a>
登入後複製

  參數解釋: 

  •   js腳本結束 

    4. 簡單的頁面加密 

      <script LANGUAGE="javascript"> 
      <!-- 
      function loopy(){ 
       var sWord =""; 
       while(sWord!="login"){sWord=prompt("请输入你的登陆密码");} 
       alert("登陆成功!"); 
      } 
      loopy() 
      //--> 
      </script>
    登入後複製

    5. 拉動頁面時背景圖不動 

      <style> 
      body{background-image:url(logo.gif); 
      background-repeat:no-repeat;background-position:center} 
      </style>
    登入後複製

    6. 讓瀏覽器在儲存頁面時儲存失敗 

      <NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>
    登入後複製

    7.隨機取代圖片 

      <script> 
      document.write(<img src="img/+parseInt(Math.random()*(5)) 
      +.gif"height="40" width="50"> 
      </script>
    登入後複製

      圖片檔案名稱為0.gif 1.gif 2.gif 3.gif 4.gif 

    #8 . 視窗定時關閉 

      先將如下程式碼網頁檔案的區: 

      <script language="javascript"> 
      function closeit() { setTimeout("self.close()",10000) //毫秒 } 
      </script>
    登入後複製

      然後再在標內加入如:

    9.網頁自動關閉 

      <html> 
      <head> 
      <object id=closes type="application/x-oleobject" 
      classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
      <param name="Command" value="Close"> 
      </object> 
      </head> 
      <body onload="window.setTimeout(closes.Click(),10000)"> 
      这个窗口会在10秒过后自动关闭,而且不会出现提示. 
      </body> 
      </html>
    登入後複製

    10. 網頁自動刷新 

      在head部記入 

      <META HTTP-EQUIV="Refresh" content="20">
    登入後複製

      其中20為20秒後自動刷新,你可以改為任意值。

    11. 網頁自動轉頁 

      <META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址">
    登入後複製

    12. 保持layer在最前面,而不被Iframe、Object所覆蓋 

      在Layer中再插Iframe 或Object 設z-Index值 

      <div z-Index:2><object xxx></object> # 前面 
      <div z-Index:1><object xxx></object> # 后面 
      <div id="Layer2" style="position:absolute; top:40;width:400px; 
      height:95px;z-index:2"> height=100% width=100%> 
      <iframe width=0 height=0></iframe> 
      </div> 
      <div id="Layer1" style="position:absolute; top:50;width:200px; 
      height:115px;z-index:1"> 
      <iframe height=100% width=100%></iframe> 
      </div>
    登入後複製

    13.返回上一頁 

     <a href=javascript :history.back(1)>『返回上一页』</a>
    登入後複製

    14.關閉視窗 

      <a href=javascript :self.close()>『关闭窗口』</a>
    登入後複製

    15.關於iframe的透明背景 

      <IFRAME ID="iFrame1" SRC="iframe.htm" 
      allowTransparency="true" 
      style="</IFRAME>
    登入後複製

    16 . oncontextmenu="window.event.returnValue=false" 將徹底屏蔽滑鼠右鍵 

        <table border oncontextmenu=return(false)><td>no</table>
    登入後複製

    可用於Table 

    ##17.

    <body onselectstart="return false">
    登入後複製

    #取消選取、防止複製

    18.

    onpaste="return false"
    登入後複製

    不准貼上 

    19.

    oncopy="return false;" oncut="return false;"
    登入後複製
    防止複製

    #相關學習推薦:html教學

    #######

    以上是html網頁特效代碼有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板