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="/static/imghwm/default1.png"  data-src="图片地址"  class="lazy"   alt="html網頁特效代碼有哪些" >

2)加入連線：

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

3)在新視窗開啟連線：

<a href="相关地址" target="_blank">写上要写的字</a>

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

<a href="相关地址"   style="max-width:90%" target="_blank">写上你想写的字</a>

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

<marquee>写上你想写的字</marquee>

5)字體加粗：

<b>写上你想写的字</b>

6)字體斜體：

<i>写上你想写的字</i>

7)字體下劃線:

<u>写上你想写的字</u>

8)字體刪除線:

<s>写上你想写的字</s>

9)字體加大:

<big>写上你想写的字</big>

10)字體控制大小：

<h1 id="写上你想写的字">写上你想写的字</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  src="/static/imghwm/default1.png"  data-src="文件地址"  class="lazy"  dyn    style="max-width:90%" height="高度" start=mouseover alt="html網頁特效代碼有哪些" >

16)換行： 

#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>

　參數解釋：

　
　 window.open 彈出新視窗的指令；
　 window.open 彈出新視窗的指令；
　檔案路徑/檔案名稱彈出視窗的檔案名稱；
#　 newwindow 彈出視窗的名字（不是檔案名稱），非必須，可用空白取代；
　 width=400 視窗寬度；
　 height=300 視窗高度；
#　 top=0 視窗距離螢幕上方的像素值；
　 left=0 視窗距離螢幕左側的像素值；
　 toolbar=no 是否顯示工具欄，yes為顯示；
　 menubar，scrollbars 表示選單列與捲動列。
　 resizable=no 是否允許改變視窗大小，yes為允許；
　 location=no 是否顯示網址列，yes為允許；
　 status=no 是否顯示狀態列內的資訊（通常是檔案已經開啟），yes為允許；

　 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="/static/imghwm/default1.png"  data-src="iframe.htm"  class="lazy"     style="max-width:90%"  style="max-width:90%" alt="html網頁特效代碼有哪些" > 
　 </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"  
　 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中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

從文本到網站：HTML的力量Apr 13, 2025 am 12:07 AM

HTML是一種用於構建網頁的語言，通過標籤和屬性定義網頁結構和內容。 1）HTML通過標籤組織文檔結構，如、。 2）瀏覽器解析HTML構建DOM並渲染網頁。 3）HTML5的新特性如、、增強了多媒體功能。 4）常見錯誤包括標籤未閉合和屬性值未加引號。 5）優化建議包括使用語義化標籤和減少文件大小。

了解HTML，CSS和JavaScript：初學者指南Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

HTML的角色：構建Web內容Apr 11, 2025 am 12:12 AM

HTML的作用是通過標籤和屬性定義網頁的結構和內容。 1.HTML通過到、等標籤組織內容，使其易於閱讀和理解。 2.使用語義化標籤如、等增強可訪問性和SEO。 3.優化HTML代碼可以提高網頁加載速度和用戶體驗。

HTML和代碼：仔細觀察術語Apr 10, 2025 am 09:28 AM

htmlisaspecifictypefodyfocusedonstructuringwebcontent，而“代碼” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1）htmldefineswebpagertuctureduseTags.2）“代碼”代碼“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract

HTML，CSS和JavaScript：Web開發人員的基本工具Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構，使用標籤如、等。 2.CSS控製網頁樣式，使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互，通過事件監聽和DOM操作。

HTML，CSS和JavaScript的角色：核心職責Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

HTML容易為初學者學習嗎？Apr 07, 2025 am 12:11 AM

HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML中起始標籤的示例是什麼？Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

See all articles