html網頁特效代碼有哪些-html教學-PHP中文網

首頁

web前端

html教學

html網頁特效代碼有哪些

coldplay.xixi

Mar 16, 2021 pm 03:19 PM

html 網頁特效

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"> 
　  
　 </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中文網其他相關文章！