當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

html特效大全1

發布時間：2023/12/3 编程问答 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 html特效大全1 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

? ? ?提前聲明：好久之前的文檔，找不著出處，如有侵權，聯系本人，馬上處理！

1)???貼圖：<imgsrc="圖片地址">
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>正文</pre>

19)換帖子背景：<body background="背景圖片地址">

20)固定帖子背景不隨滾動條滾動：<body background="背景圖片地址" body
bgproperties=fixed>

21)定制帖子背景顏色：<body bgcolor="#value">(value值見10)

22)帖子背景音樂：<bgsound="背景音樂地址"loop=infinite>

23)貼網頁：<iframe src="相關地址"width="寬度" height="高度"></iframe>

HTML特效代碼1。忽視右鍵?
<body οncοntextmenu="returnfalse">?
或?
<bodystyle="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="#"?
οnclick="javascript :window.open(文件路徑/文件名,newwindow,?
toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,?
width=400,height=300);">文字或圖片</a>?
參數解釋：?
<SCRIPTLANGUAGE="javascript"> js腳本開始；?
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為允許；?
</SCRIPT> js腳本結束?
4。簡單的頁面加密?
<scriptLANGUAGE="javascript">?
?
</script>?
5。拉動頁面時背景圖不動?
<style>?
body{background-image:url(logo.gif);?
background-repeat:no-repeat;background-position:center}?
</style>?
6。讓瀏覽器在保存頁面時保存失敗?
<NOSCRIPT><iframesrc="*.html"></iframe></NOSCRIPT>?
7。隨機替換圖片?
<script>?
document.write(<imgsrc="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>?
然后再在<body>標內加入如：<bodyοnlοad="closeit()">?
9。網頁自動關閉?
<html>?
<head>?
<object id=closestype="application/x-oleobject"?
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">?
<param name="Command"value="Close">?
</object>?
</head>?
<bodyοnlοad="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><objectxxx></object> ＃前面?
<div z-Index:1><objectxxx></object> ＃后面?
<div id="Layer2"style="position:absolute; top:40;width:400px;?
height:95px;z-index:2">height=100% width=100%>?
<iframe width=0height=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="background-color:green"></IFRAME>?
16.οncοntextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標右鍵?
????<table borderοncοntextmenu=return(false)><td>no</table> 可用于Table?
17. <body *****electstart="returnfalse"> 取消選取、防止復制?
18.οnpaste="return false" 不準粘貼?
19.οncοpy="return false;"oncut="return false;" 防止復制

20. <link rel="Shortcut Icon"href="favicon.ico"> IE地址欄前換成自己的圖標

21. <link rel="Bookmark"href="favicon.ico"> 可以在收藏夾中顯示出你的圖標

22. <inputstyle="ime-mode:disabled"> 關閉輸入法

23. 永遠都會帶著框架?
<scriptlanguage="JavaScript"></script>

24. 防止被人frame

<SCRIPT LANGUAGE=JAVASCRIPT></SCRIPT>

25. 網頁將不能被另存為

<noscript><iframesrc=*.html></iframe></noscript>

26. 查看網頁源代碼

<input type=button value=查看網頁源代碼 οnclick="window.location = "view-source:"+"http://www.pconline.com.cn"">

27.刪除時確認

<a href="javascript :if(confirm("確實要刪除嗎?"))location="boos.asp? &areyou=刪除&page=1"">刪除</a>

28.屏蔽功能鍵Shift,Alt,Ctrl?
<script>?
function look(){?
if(event.shiftKey)?
alert("禁止按Shift鍵!"); //可以換成ALTCTRL?
}?
document.οnkeydοwn=look;?
</script>

29. 網頁不會被緩存?
<META HTTP-EQUIV="pragma"CONTENT="no-cache">?
<META HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">?
<META HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">?
或者<META HTTP-EQUIV="expires"CONTENT="0">

30.怎樣讓表單沒有凹凸感？?
<input type=text style="border:1 solid#000000">?
或 <input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>

31.不要滾動條??
讓豎條沒有:?
<bodystyle="overflow:scroll;overflow-y:hidden">?
</body>?
讓橫條沒有:?
<bodystyle="overflow:scroll;overflow-x:hidden">?
</body>?
兩個都去掉？更簡單了?
<body scroll="no">?
</body>

32.怎樣去掉圖片鏈接點擊后，圖片周圍的虛線？

<a href="#"onFocus="this.blur()"><img src="logo.jpg"border=0></a>

33.電子郵件處理提交表單

<form name="form1"method="post" action="mailt****@***.com"enctype="text/plain">?
<input type=submit>?
</form>

34.在打開的子窗口刷新父窗口的代碼里如何寫？?
window.opener.location.reload()

35.如何設定打開頁面的大小?
<bodyοnlοad="top.resizeTo(300,200);">?
打開頁面的位置<bodyοnlοad="top.moveBy(300,200);">

36.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動?
<STYLE>?
body?
{background-image:url(logo.gif);background-repeat:no-repeat;?
background-position:center;background-attachment:fixed}?
</STYLE>

37. 檢查一段字符串是否全由數字組成?
<scriptlanguage="Javascript"></script>

38. 獲得一個窗口的大小?
document.body.clientWidth;document.body.clientHeight

39. 怎么判斷是否是字符?
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");?
else alert("全是字符");

40.TEXTAREA自適應文字行數的多少?
<textarea rows=1 name=s1 cols=27onpropertychange="this.style.posHeight=this.scrollHeight">?
</textarea>

41. 日期減去天數等于第二個日期?
<script language=Javascript>?
function cc(dd,dadd)?
{?
//可以加上錯誤處理?
var a = new Date(dd)?
a = a.valueOf()?
a = a - dadd * 24 * 60 * 60 * 1000?
a = new Date(a)?
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")?
} cc("12/23/2002",2)?
</script>

42. 選擇了哪一個Radio?
<HTML><scriptlanguage="vbscript">?
function checkme()?
for each ob in radio1?
if ob.checked then window.alert ob.value?
next?
end function?
</script><BODY>?
<INPUT name="radio1"type="radio" value="style" checked>Style?
<INPUT name="radio1"type="radio" value="barcode">Barcode?
<INPUT type="button"value="check" οnclick="checkme()">?
</BODY></HTML>

43.腳本永不出錯?
<SCRIPT LANGUAGE="JavaScript">?
?
</SCRIPT>

44.ENTER鍵可以讓光標移到下一個輸入框?
<inputοnkeydοwn="if(event.keyCode==13)event.keyCode=9">

45. 檢測某個網站的鏈接速度：?
把如下代碼加入<body>區域中:?
<script language=Javascript>?
tim=1?
setInterval("tim++",100)?
b=1?
var autourl=new Array()?
autourl[1]="www.njcatv.net"?
autourl[2]="javacool.3322.net"?
autourl[3]="www.sina.com.cn"?
autourl[4]="www.nuaa.edu.cn"?
autourl[5]="www.cctv.com"?
function butt(){?
document.write("<formname=autof>")?
for(var i=1;i<autourl.length;i++)?
document.write("<input type=textname=txt"+i+" size=10 value=測試中

……> =》<input type=text?
name=url"+i+" size=40> =》<input type=button value=GO

οnclick=window.open(this.form.url"+i+".value)><br>")?
document.write("<input type=submitvalue=刷新></form>")?
}?
butt()?
function auto(url){?
document.forms[0]["url"+b].value=url?
if(tim>200)?
{document.forms[0]["txt"+b].value="鏈接超時"}?
else?
{document.forms[0]["txt"+b].value="時間"+tim/10+"秒"}b++ }?
function run(){for(vari=1;i<autourl.length;i++)document.write("<imgsrc=http://"+autourl+"/"+Math.random()+" width=1 height=1nerror=auto("http://"+autourl+"")>")}?
run()</script>

46. 各種樣式的光標?
auto ：標準光標?
default ：標準箭頭?
hand ：手形光標?
wait ：等待光標?
text ：I形光標?
vertical-text ：水平I形光標?
no-drop ：不可拖動光標?
not-allowed ：無效光標?
help ：?幫助光標?
all-scroll ：三角方向標?
move ：移動標?
crosshair ：十字標?
e-resize?
n-resize?
nw-resize?
w-resize?
s-resize?
se-resize?
sw-resize

47、禁止鼠標右鍵，把Demo的圖片全都設為表格的背景，表格的大小與圖片的大小一樣。這樣做看起來是一樣的，主要是防止鼠標經過圖片時會出現另存的按鈕。禁止鼠標右鍵的代碼很簡單：
<script LANGUAGE="JavaScript">?
function click() { if (event.button==2)?
{alert(呵呵，不好意思，你甭想使用右鍵下載圖片：）); } } document.οnmοusedοwn=click
</script>

48、在網頁的Head部分加入如下代碼，這段代碼的主要功能是屏蔽PrintScreen鍵，不斷清空剪貼版，防止圖片被用文件——另存為菜單另存。
<script language="javascript">

</script>1. 將徹底屏蔽鼠標右鍵
<table borderοncοntextmenu=return(false)><td>no</table> 可用于Table

2. <body> 取消選取、防止復制

3. 不準粘貼

4. 防止復制

5. <link rel="Shortcut Icon"href="favicon.ico"> IE地址欄前換成自己的圖標

6. <link rel="Bookmark"href="favicon.ico"> 可以在收藏夾中顯示出你的圖標

7. <inputstyle="ime-mode:-Disabled"> 關閉輸入法

8. 永遠都會帶著框架
<scriptlanguage="javascript"></script>

9. 防止被人frame
<SCRIPT LANGUAGE=javascript></SCRIPT>

10. 網頁將不能被另存為
<noscript><iframesrc=*.html></iframe></noscript>?

11. <input type=button value=查看網頁源代碼?
οnclick="window.location = `view-source:`+?http://www.51js.com/`";>

12.刪除時確認
<a href=`javascript:if(confirm("確實要刪除嗎?"location="boos.asp?&areyou=刪除&page=1"`>刪

除</a>?

13. 取得控件的絕對位置
//javascript
<script language="javascript">
function getIE(E){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</script>

//VBScript
<scriptlanguage="VBScript"></script>

14. 光標是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart(`character`,e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1value="123">

15. 判斷上一頁的來源
javascript:
document.referrer

16. 最小化、最大化、關閉窗口
<object id=hh1classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">?
<param name="Command"value="Minimize"></object>
<object id=hh2classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">?
<param name="Command"value="Maximize"></object>
<OBJECT id=hh3classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command"value="Close"></OBJECT>

<input type=button value=最小化 οnclick=hh1.Click()>
<input type=button value=最大化 οnclick=hh2.Click()>
<input type=button value=關閉 οnclick=hh3.Click()>
本例適用于IE

17.屏蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){?
if(event.shiftKey)?
alert("禁止按Shift鍵!"; //可以換成ALTCTRL
}?
document.οnkeydοwn=look;?
</script>

18. 網頁不會被緩存
<META HTTP-EQUIV="pragma"CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires"CONTENT="0">

19.怎樣讓表單沒有凹凸感？
<input type=text style="border:1 solid#000000">?
或
<input type=textstyle="border-left:none; border-right:none; border-top:none;border-bottom:?

1 solid #000000"></textarea>

20.<div><span>&<layer>的區別？?
<div>(division)用來定義大段的頁面元素，會產生轉行?
<span>用來定義同一行內的元素，跟<div>的唯一區別是不產生轉行?
<layer>是ns的標記，ie不支持，相當于<div>

21.讓彈出窗口總是在最上面:
<body>

22.不要滾動條??
讓豎條沒有:?
<bodystyle=`overflow:-Scroll;overflow-y:hidden`>?
</body>?
讓橫條沒有:?
<bodystyle=`overflow:-Scroll;overflow-x:hidden`>?
</body>?
兩個都去掉？更簡單了?
<body scroll="no">?
</body>?

23.怎樣去掉圖片鏈接點擊后，圖片周圍的虛線？
<a href="#"><imgsrc="logo.jpg" border=0></a>

24.電子郵件處理提交表單
<form name="form1"method="post" action="mailto:****@***.com"enctype="text/plain">?
<input type=submit>
</form>

25.在打開的子窗口刷新父窗口的代碼里如何寫？
window.opener.location.reload()

26.如何設定打開頁面的大小
<body>
打開頁面的位置<body>

27.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動?
<style>?
body?
{background-image:url(logo.gif);background-repeat:no-repeat;?

background-position:center;background-attachment:fixed}?
</style>?

28. 檢查一段字符串是否全由數字組成
<scriptlanguage="javascript"></script>

29. 獲得一個窗口的大小
document.body.clientWidth;document.body.clientHeight

30. 怎么判斷是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字";
else alert("全是字符";

31.TEXTAREA自適應文字行數的多少
<textarea rows=1 name=s1 cols=27>
</textarea>

32. 日期減去天數等于第二個日期
<script language=javascript>
function cc(dd,dadd)
{
//可以加上錯誤處理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(A)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日"
}
cc("12/23/2002",2)
</script>

33. 選擇了哪一個Radio
<HTML><scriptlanguage="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1"type="radio" value="style" checked>style
<INPUT name="radio1"type="radio" value="barcode">Barcode
<INPUT type="button"value="check">
</BODY></HTML>

34.腳本永不出錯
<SCRIPT LANGUAGE="javascript">?
?
</SCRIPT>

35.ENTER鍵可以讓光標移到下一個輸入框
<input>

36. 檢測某個網站的鏈接速度：
把如下代碼加入<body>區域中:
<script language=javascript>
tim=1
setInterval("tim++",100)
b=1

var autourl=new Array()
autourl[1]="http://www.njcatv.net/";
autourl[2]="javacool.3322.net"
autourl[3]="http://www.sina.com.cn/";
autourl[4]="http://www.nuaa.edu.cn/";
autourl[5]="http://www.cctv.com/";

function butt(){
document.write("<formname=autof>"
for(var i=1;i<autourl.length;i++)
document.write("<input type=textname=txt"+i+" size=10 value=測試中……> =》<input type=text?

name=url"+i+" size=40> =》<input type=button value=GO?

οnclick=window.open(this.form.url"+i+".value)><br>"
document.write("<input type=submitvalue=刷新></form>"
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="鏈接超時"}
else
{document.forms[0]["txt"+b].value="時間"+tim/10+"秒"}
b++
}
function run(){for(vari=1;i<autourl.length;i++)document.write("<img?

src=http://"+autourl+"/"+Math.random()+"width=1 height=1?

οnerrοr=auto(http://";+autourl+"`)>"}
run()</script>

37. 各種樣式的光標
auto ：標準光標
default ：標準箭頭
hand ：手形光標
wait ：等待光標
text ：I形光標
vertical-text ：水平I形光標
no-drop ：不可拖動光標
not-allowed ：無效光標
help ：?幫助光標
all-scroll ：三角方向標
move ：移動標
crosshair ：十字標
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.頁面進入和退出的特效
進入頁面<metahttp-equiv="Page-Enter" content="revealTrans(duration=x,transition=y)">
推出頁面<metahttp-equiv="Page-Exit" content="revealTrans(duration=x,transition=y)">?
這個是頁面被載入和調出時的一些特效。Duration表示特效的持續時間，以秒為單位。Transition表示使

用哪種特效，取值為1-23:
0 矩形縮小?
1 矩形擴大?
2 圓形縮小
3 圓形擴大?
4 下到上刷新?
5 上到下刷新
6 左到右刷新?
7 右到左刷新?
8 豎百葉窗
9 橫百葉窗?
10 錯位橫百葉窗?
11 錯位豎百葉窗
12 點擴散?
13 左右到中間刷新?
14 中間到左右刷新
15 中間到上下
16 上下到中間?
17 右下到左上
18 右上到左下?
19 左上到右下?
20 左下到右上
21 橫條?
22 豎條?
23 以上22種隨機選擇一種

39.在規定時間內跳轉
<META http-equiv=V="REFRESH"content="5;URL=http://www.51js.com">?

40.網頁是否被檢索
<meta name="ROBOTS" content="屬性值">
　　其中屬性值有以下一些:
　　屬性值為"all": 文件將被檢索，且頁上鏈接可被查詢；
　　屬性值為"none": 文件不被檢索，而且不查詢頁上的鏈接；
　　屬性值為"index": 文件將被檢索；
　　屬性值為"follow": 查詢頁上的鏈接；
　　屬性值為"noindex": 文件不檢索，但可被查詢鏈接；
　　屬性值為"nofollow": 文件不被檢索，但可查詢頁上的鏈接。?

41.變換網頁的鼠標光標
<BODY style="CURSOR: url(http://203.73.125.205/~liangmi2/farmfrog01.cur`)">

42.怎樣實現在任務欄顯示小圖標的效果？ (要使用絕對地址)
有些站點，訪問時會在地址欄地址前顯出小圖標，添加到收藏夾后也在收藏欄中顯示圖標，
這樣很好的與其它站點有了區別。?
要達到這個效果，先需做出這個圖標文件，圖像為16*16像素，不要超過16色。文件格式為ico，然后上傳至你的網站。
然后，在需要的頁面中，加上以下html語句到文件的<head>和</head>之間（假設以上ico文件的地址http://happyisland.126.com/icon.ico）。
<link REL="SHORTCUTICON"href="http:///happyisland.126.com/icon.ico";>?
如果訪問者的瀏覽器是IE5.0，就不需加任何代碼，只要將圖標文件上傳到網站的根目錄下即可。
1,META標簽里的代碼是什么意思？?
<META>是放于<HEAD>與</HEAD>之間的標記.以下是我總結它在網頁中最常見的幾種。?
<meta name="Keywords"content="圖片, 新聞, 音樂, 軟件">?
該網頁的關鍵字，作用于搜索引擎的登錄，事實上它在現在的網站中并沒什么用。?
<meta http-equiv="Content-Type"content="text/html; charset=gb2312">?
<meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1">?
設定這是 HTML 文件及其編碼語系，簡體中文網頁使用charset=gb2312，繁體中文使用charset=big5，或者不設編碼也可，純英文網頁建議使用 iso-8859-1。?
<meta name="GENERATOR"content="Microsoft FrontPage 5.0">?
這只表示該網頁由什么編輯器寫的。?
<meta http-equiv="refresh"content="10; url=http://www.hkiwc.com">?
這行較為實用，能于預定秒數內自動轉到指定網址。原代碼中 10 表示 10秒。?

2，怎么改變滾動條的顏色，只有ie5.5版本以上才能支持。?
這是使用CSS語言，在次說明一下，它和我的瀏覽器版本有一定的關系。?
scrollbar-arrow-color：上下按鈕上三角箭頭的顏色。?
scrollbar-base-color：滾動條的基本顏色。?
scrollbar-dark-shadow-color：立體滾動條強陰影的顏色?
scrollbar-face-color：立體滾動條凸出部分的顏色?
scrollbar-highlight-color：滾動條空白部分的顏色?
scrollbar-shadow-color立體滾動條陰影的顏色。
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1;?
代碼如下：?
<style>?
?
</style>?
在這我補充幾點：?
1.讓瀏覽器窗口永遠都不出現滾動條。?
<bodystyle="overflow-x:hidden;overflow-y:hidden">或<body style="overflow:hidden"> 或<body scroll=no>?
2，沒有水平滾動條?
<body style="overflow-x:hidden">?
3，沒有垂直滾動條?
<body style="overflow-y:hidden">?

3,如何給圖片抖動怎做的.?
<SCRIPT language=javascript1.2>?
?
</SCRIPT>?
<style>.shakeimage {POSITION: relative}?
</style>?
<img src="圖片的路徑" οnmοuseοut=stoprattle(this) οnmοuseοver=init(this);rattleimage()class=shakeimage>

4，在DW如何給水平線加顏色。?
在DW中沒有此項設置，你只能在HTML中加入代碼：<hr color=red noshade>按F12的預覽在能看到。由于在NC中不支持<hr>的COLOR屬性，所以在DW中沒有此項設置。?
?
5，如何在網頁中實現flash的全屏播放？?
只要在調用swf文件的HTML中將WIDTH和HEIGHT的參數設為100％即可，當然也可以在Flash導出HTML文件的設置中進行設置，方法是：打開File菜單；選Publish Settings彈出導出設置對話框；在HTML標簽下的Dimensi*****選項,下拉后選中Percent（百分比）,并在WIDTH 和HEIGHT框中填100.就行了。?

6,為什么我在DW中插入的Flash動畫缺看不找！?
如果你沒有正確地安裝Dreamweaver和Flash，那么在你預覽的時候，Dreamweaver會提示你缺少播放的插件，請你按裝InstallAXFlash.exe 并從新啟動計算機。現在IE6已經捆綁這個程序。?

7，在Flash中，如果屏蔽鼠標右鍵?FS命令都是什么意思??
fscommand ("fullscreen","true/false";（全屏設置，TRUE開，FALSE關）?
fscommand ("showmenu","true/false";（右鍵菜單設置，TRUE顯示，FALSE不顯示）?
fscommand ("allowscale","true/false";（縮放設置，TRUE自由縮放，FALSE調整畫面不影響影片本身的尺寸）?
fscommand ("trapallkeys","true/false";（快捷鍵設置，TRUE快捷鍵開，FALSE快捷鍵關）?
fscommand ("exec";（EXE程序調用）?
fscommand ("quit";（退出關閉窗口）?

8，Flash中什么是隱形按鈕。?
利用button中的hit幀來制作只有感應區域而完全透明的按鈕。?

9，如何給Flash動畫做鏈接。?
Dreamweaver是不能給Flash制作鏈接的，只能在Flash中用geturl()加鏈接，然后再插入Dreamweaver中。?

10，DW中的層的技巧。?
層是可以嵌套的，我個人給大家一個技巧，在層面板中按住CTRL再拖放層到你想去成為其子層的地方就行了，我認為這是最簡單直觀的方法了。?

11，如何改變鼠標的形狀？?
在Dreamweaver4中CSS樣式面板：?
按CTR+SHIFT+E--出現樣式表對話框,點擊NEW，出現編輯對話框,在左邊最后一項extensi*****-cursor 選擇你要改的指針形式就可以了，然后把你要想改變的地方運用樣式表，如果整頁都有在<body bgcolor="#003063" text="#ffffff" id=all>中加入就行了。?
<span style="cursor:X`>樣例</span>?
這里選擇（文本）作為對象，還可以自己改為其他的，如link等。?
x可以等于=hand（手形）、crosshair（十字）、text（文本光標）、wait（顧名思義啦）、default（默認效果）、help（問號）、e-size（向右箭頭）、ne-resize（向右上的箭頭）、nw-resize（向左上的箭頭）、w-resize（向左的箭頭）、sw-resize（左下箭頭）、s-resize（向下箭頭）、se-resize（向右下箭頭）、auto（系統自動給出效果）。?

12，用CSS做郵票，看看吧！?
<input type=button value=我象不象郵票？ style="height:80px;border:2px dashed #cccccc">?

13，經常上網的朋友可能會到過這樣一些網站，一進入首頁立刻會彈出一個窗口，怎么做呢！?
這javascript代碼即可實現，摘錄藍色論壇。?
【1、最基本的彈出窗口代碼】?
其實代碼非常簡單：?
<SCRIPT LANGUAGE="javascript">?
?
</SCRIPT>?
因為著是一段javascripts代碼，所以它們應該放在<SCRIPT LANGUAGE="javascript">標簽和</script>之間。是對一些版本低的瀏覽器起作用，在這些老瀏覽器中不會將標簽中的代碼作為文本顯示出來。要養成這個好習慣啊。?
window.open (`page.html`) 用于控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應寫明路徑，絕對路徑(http://)和相對路徑(../)均可。用單引號和雙引號都可以，只是不要混用。?
這一段代碼可以加入HTML的任意位置，<head>和</head>之間可以，<body bgcolor="#003063" text="#ffffff" id=all>間</body>也可以，越前越早執行，尤其是頁面代碼長，又想使頁面早點彈出就盡量往前放。?
【2、經過設置后的彈出窗口】?
下面再說一說彈出窗口的設置。只要再往上面的代碼中加一點東西就可以了。?
我們來定制這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應該頁面的具體情況。?
<SCRIPT LANGUAGE="javascript">?
?
</SCRIPT>?
參數解釋：?
<SCRIPT LANGUAGE="javascript">js腳本開始；?
window.open 彈出新窗口的命令；?
`page.html` 彈出窗口的文件名；?
`newwindow` 彈出窗口的名字（不是文件名），非必須，可用空``代替；?
height=100 窗口高度；?
width=400 窗口寬度；?
top=0 窗口距離屏幕上方的象素值；?
left=0 窗口距離屏幕左側的象素值；?
toolbar=no 是否顯示工具欄，yes為顯示；?
menubar，scrollbars 表示菜單欄和滾動欄。?
resizable=no 是否允許改變窗口大小，yes為允許；?
location=no 是否顯示地址欄，yes為允許；?
status=no 是否顯示狀態欄內的信息（通常是文件已經打開），yes為允許；?
</SCRIPT> js腳本結束
【3、用函數控制彈出窗口】?
下面是一個完整的代碼。?
<html>?
<head>?
<script LANGUAGE="javascript">?
?
</script>?
</head>?
<body>?
…任意的頁面內容…?
</body>?
</html>?
這里定義了一個函數openwin(),函數內容就是打開一個窗口。在調用它之前沒有任何用途。?
怎么調用呢？?
方法一：<body> 瀏覽器讀頁面時彈出窗口；?
方法二：<body> 瀏覽器離開頁面時彈出窗口；?
方法三：用一個連接調用：?
<a href="#">打開一個窗口</a>?
注意：使用的“#”是虛連接。?
方法四：用一個按鈕調用：?
<input type="button" value="打開窗口">?

14，沒有用表格寫的，讓大家隨便看看，沒什么。?
<html>?
<head>?
<title>江南荷花扇面</title>?
<meta http-equiv="Content-Type"content="text/html; charset=gb2312">?
<style type="text/css">?
?
</style>?
</head>?
<body bgcolor="#FFFFFF"text="#000000">?
<div class="font1"style="writing-mode=tb-rl;height:200px" width=300>?
<p>盛夏　　　　　　尚　濤　?
<p><a href="index.htm">一夜露痕黃粉香　袁運甫 </a>?
<p>瑤池昨夜新涼　　王金嶺?
<p>一朵白蓮隨意開　吳冠南?
<p>新雨迎秋欲滿塘　齊辛民?
<p>十里荷香　　　　齊辛民?
<p>濯清蓮而不妖　　盧世曙?
</div>?
</body>?
</html>?

15,IE6已支持自定義cursor!?
語法格式 cursor:url(圖標) //cur或是ani文件.?
cur就是WINDOWS中的光標(cursor)文件，光標文件與圖標（ICON)文件除了文件頭有一個位置的值不同外，實際是一樣的。?
ani是WINDOWS中的動畫光標（圖標）文件。?
<style type="text/css">?
?
</style>?

16,用marquee做的滾動字幕.這也我剛看到論壇的朋友在問。?
語法：?
align=# | top | middle| bottom //對齊方式)?
BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移動的方式?
BGCOLOR=color//底色區域顏色?
DIRECTION=DOWN | LEFT | RIGHT | UP //移動的方向?
Loop=n //循環次數（默認是循環不止）?
Scrolldelay=milliseconds//延時?
height=# width=# //區域面積?
hspace=# vspace=# //空白區域?
scrollamount=# //移動的速度?
<marquee align=top behavior=ALTERNATEBGCOLOR=#000000 height=60 width=433 scrollamount=5></marquee>

17，在FLASH5中也存在一些字體，打散后變成一團的事是為什么？有解決的辦法嗎。?
這是大家很常見的問題！可能是對字庫支持的不好！我個是做成透明的gif圖片格式，然后倒入。?

18，flash的網頁里“加入收藏夾”功能怎么實現？?
在as中加getUrl("java script:window.external.addFavorite(http://skydesigner.51.net`,`我的工作室`)"?

19，在Flash中，文本的動態屬性和輸入屬性的區別。?
input text在運行時可被用戶或程序改變其值。?
ynamic text僅允許被程序修改。?

20,怎樣在IE中調用Dreamweaver進行編輯.?
相信很多在使用WinME或Window2000的朋友，會遇見是個問題。很簡單，把我們筆記本程序打開，保存為一個 *.reg 文件。雙擊它將信息添加到注冊表即可。?
REGEDIT4?
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]?
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]?
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]?
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]?
@="\"c:\\ProgramFiles\\Macromedia\\Dreamweaver 4\\dreamweaver.exe\" \"%1\""?

21，設置表格虛線。?
方法一：作一個1X2的圖。半黑半白，再利用表格作成線。?
方法二：在css里面設，要IE5。5才支持這種效果。?
style="BORDER-LEFT: #000000 1PX DASHED;BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED;BORDER-BOTTOM: #000000 1PX DASHED"?

22,看看在網頁中調用HHCtrl控件效果。?
代碼如下：?
<object id="HHC"type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"></object><script>HHC.TextPopup("哈哈,大家好,我是閃夢!","",50,5,128255,346751);</script>?

22，如何讓一張圖片有淺到深的漸變。?
<SCRIPT language=javascript1.2>?
?
</style>?
</head>?
<body bgcolor="#FFFFFF"text="#000000">?
<a href="#">下劃線鏈接 </a>?
<p></p>?
<a href="#"class="r1">雙下劃線鏈接</a>?
</BODY>?
</HTML>?
補充說明：?
a:hover 表示鼠標劃過時的樣式.?
a:link 表示鏈接的樣式.?
a:active 表示當前活動連接的樣式.?
a:visited 表示已經訪問過的連接的樣式.?

25, 用CSS給文字加入陰影效果和文字描邊效果。?
.glow{FONT-SIZE: 9pt; FILTER:Glow(Color=#000000, Strength=1)}?
//文字描邊效果?
.shadow {FONT-SIZE: 9pt; FILTER:DropShadow(OffX=1, OffY=1, DropShadow(OffX=1, OffY=1, color:#111111); COLOR:#ffffff; FONT-FAMILY: "宋體"}?
//加入陰影效果?
補充說明：?
　　這兩種濾鏡要想實現效果，必須加在如：<td class=glow或shadow ><div>xxxxxxxxx</div></td>上?
，并且要留有足夠的空間能夠顯示陰影或描邊，否則會出現半截的陰影或描邊現象。?

26,如何給做帶顏色的下拉菜單。?
<select style="FONT-SIZE: 10px; COLOR:#ffffff; FONT-FAMILY: Verdana;BACKGROUND-COLOR: #ff6600;" size=1 >?
<option selected>:: Dreamweaver4::</option>?
<option>::Flash5::</option>?
<option>::Firewoks4::</option>?
</select>?

27,關于DW4的表格中的亮邊框和暗邊框問題。?
在DW4的表格面板中并沒有亮邊框和暗邊框的屬性設置，因為NC不支持,只有你在代碼中添加了。?
bordercolorlight="#999999"bordercolordark="#000000"?
　　你也可以用Css定義一個class。例如：?
<style>?
.bordercolor { bordercolorlight: #999999;bordercolordark: #000000 }?
</style>?
　　然后在要加效果的表格里加上<tableclass="bordercolor">?

28,自動顯示主頁最后更新日期.?
<script>?
document.write("最后更新日期："+document.lastModified+""?
</script>愛電臺有我??

29,如何讓滾動條出現在左邊？?
我想居然在論壇中有人發表了這段代碼，很有意思，它的確照顧一些左撇子，呵呵！?
<html dir="rtl">?
<body bgcolor="#000000"text="#FFFFFF">?
<table height=18 width=212 align=centerbgcolor=#FFFFFF dir="ltr" cellspacing="1" cellpadding="0">?
<tr>?
<td bgcolor="#FF0000" >是不是你的滾動條在左邊啊</td>?
</tr>?
</table>?
</body>?
</html>?

30,如何加入網址前面的小圖標？?
　　首先,您必須了解所謂的圖標（Icon）是一種特殊的圖形文件格式，它是以 .ico 作為擴展名。你可用在網上找一個制作圖標軟件，它具有特有的規格：圖標的大小為 16 * 16（以像素為單位）；顏色不得超過 16 色。在該網頁文件的 HEAD 部分加入下面的內容：<LINK REL="SHORTCUTICON" HREF="?http://skydesigner.51.net/圖標文件名">,并放在該網頁的根目錄下。?

31,在800*600顯示器中，如何不讓網頁水平出現滾動條！?
設至<body leftmargin="0"topmargin="0">，網頁中的表格寬度為778。?

32,關于<!DOTYPE>的說明解釋。?
在網頁中，經常會看到〈!DOCTYPE HTMLPUBLIC`-//W3C//DTD HTML 4.01//EN`>，是聲明HTML文件的版本信息。?

33, 用圖片來關閉窗體.?
<A href="javascript:window.close()"><IMG height=20 width=20 alt="關閉窗口" src="close.gif" border=0></A>?
補充說明：如何使用了ACTIVEX！,不再警告窗口？?
<html>?
<head>?
<object id=closestype="application/x-oleobject"?
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">?
<param name="Command"value="Close"></object>?
</head>?
<body bgcolor="#003063"text="#ffffff" id=all> <a href="#">關閉窗口無提示</a>?
</body>?
</html>?

34,禁止鼠標右鍵查看網頁源代碼。?
<SCRIPT language=javascript>?
function click()?
{if (event.button==2) {alert(`你好,歡迎光臨！`) }}?
document.οnmοusedοwn=click?
</SCRIPT>?
補充說明：?
鼠標完全被封鎖,可以屏蔽鼠標右鍵和網頁文字。?
< body>?

35,通過按鈕來查看網頁源代碼。?
<input type="BUTTON" value="查看源代碼" onClick= `window.location = "view-source:" +window.location.href` name="BUTTON">?

36,怎么用文字聯結實現按鈕的SUBMIT功能？?
<a href="#">OK</a>?
這段文字要放在form里。formname是這里要寫在form中的name,<form name=form111>那么就應該是form111.submit()?

37,如何做一個空鏈接？?
加#?

38,利用<IFRAME>來給網頁中插入網頁。?
　　經常我看到很多網頁中又有一個網頁，還以為是用了框架，其實不然，是用了<IFRAME>,它只適用于IE，NS可是不支持<IFRAME>的，但圍著的字句只有在瀏覽器不支援iframe 標記時才會顯示，如<noframes>一樣，可以放些提醒字句之類的話。?
你注意啊！下面請和我學習它的用法。?
分析代碼：<iframesrc="iframe.html" name="test" align="MIDDLE"width="300" height="100" marginwidth="1"marginheight="1" frameborder="1"scrolling="Yes"> </iframe>
src="iframe.html"?
　　用來顯示<IFRAME>中的網頁來源，必要加上相對或絕對路徑。?
name="test"?
　　這是連結標記的 target 參數所需要的。?
align="MIDDLE"?
　　可選值為 left, right, top, middle,bottom，作用不大。?
width="300"height="100"?
　　框窗的寬及長，以 pixels 為單位。?
marginwidth="1"marginheight="1"?
　　該插入的文件與框邊所保留的空間。?
frameborder="1"?
　　使用 1 表示顯示邊框， 0 則不顯示。（可以是 yes 或 no）?
scrolling="Yes"?
　　使用 Yes 表示容許卷動（內定）， No 則不容許卷動。?

39,請問＜tbody＞的用法？?
tbody用法據說是加強對表格的控制能力的.例如：?
<table><tbody>……..</tbody></table>?
tbody代碼如果不是你用手寫的話,只有在你用IE5打開一個網頁的時候，把它另存為?
一下，你的另存為的文件在表格中就會生成tbody代碼。(即便你的表格根本就沒有?
tbody代碼，IE5另存為的時候也會給你生成)。?

40,Alt和Title都是提示性語言標簽，請注意它們之間的區別。?
　　在我們瀏覽網頁時，當鼠標停留在圖片對象或文字鏈接上時，在鼠標的右下角有時會出現一個提示信息框。對目標進行一定的注釋說明。在一些場合，它的作用是很重要的。?
alt 用來給圖片來提示的。Title用來給鏈接文字或普通文字提示的。?
用法如下：?
<p Title="給鏈接文字提示">文字</p>?
<a href="#"Title="給鏈接文字提示">文字</a>?
<img src="圖片.gif" alt="給圖片提示">?
補充知識：<TITLE><ALT>里面如何多行換行？在源代碼里Enter回車。?
<a href="#" Title="個人簡歷?
姓名：張培?
網名：我是閃夢?
性別：男的，不是女的。?
愛好：網頁制作，軟件開發">個人簡歷</a>?
例如：個人簡歷?

41, 用javascript代碼來實現閃爍按鈕。?
<body>?
<form method="POST"action="--WEBBOT-SELF--">?
<input type="button" name=SUBvalue="閃爍"id=flashit style="BORDER: 1px solid ;BACKGROUND-COLOR: #FFFFFF">?
</form>?
<script>?
if (document.all&&document.all.flashit)?
{?
var flashelement=document.all.flashit?
if (flashelement.length==null)?
flashelement[0]=document.all.flashit?
function changecolor(which)?
{?
if (flashelement[which].style.color==`#800000`)?
flashelement[which].style.color="#0063A4"?
else?
flashelement[which].style.color="#800000"?
}?
if (flashelement.length==null)?
setInterval("changecolor(0)",1000)?
else?
for (i=0;i<flashelement.length;i++)?
{?
vartempvariable=`setInterval("changecolor(`+i+`)",`+`1000)`?
eval(tempvariable)?
}?
}?
</script>?
</body>?

42,CSS給圖片定義顏色邊框。?
img { border: 1px solid red}?

43,在DW中如何使插入的FLASH透明。?
方法一：選中swf,打開原代碼窗口，在</object>前輸入:<paramname="wmode" value="transparent">?
方法二：在Flash中的Flie→Publist Settings→HTML→Window Mode選擇transparent?

44,在DW編輯文本中，如何輸入一個空格呢？?
輸入空格的問題，在DW似乎已成了一個老生常談的問題。通過將輸入法調整到全角模式就可以避免了。本以人工智能ABC為例.按Shift+Space切換到全角狀態。?

45,為何我的DW中圖形顯示不正常。?
第一種：可能是因為你定義并正在使用一個site，而你的HTML文件或者圖片不在這個site包含的區域之內，因此dreamweaver使用file協議來?
描述圖象的絕對路徑，可惜IE不支持src中使用file協議，所以圖象就顯示不出來了。?
第二種：可能是放圖片的文件夾或圖片名為中文，也顯示不到網頁中去。?

46,如何在本地機器上測試flash影片的loading？?
我想這可能是很多人在問的題了，其實很簡單，在Test時，選選View->Show Streaming就可以看到了。?

47,在網頁中做出一根豎的線有幾種辦法.?
第一種方法：用一個像素圖的辦法！?
如果你用Dreamwever的Edit→Preferences…→Layout View中的Spacer Image給你創建了一個缺省名為：spacer.gif的一個像素圖文件。?
代碼中：?
<table border="0"cellspacing="0" cellpadding="0">?
<tr>?
<td bgcolor="#FF0000"height="200" ><img src="spacer.gif"width="1" height="1"></td>?
</tr>?
</table>?
第二種方法：用表格填顏色的辦法！把<td> </td>中的刪掉 .?
<table border="0"cellspacing="0" cellpadding="0">?
<tr>?
<td bgcolor="#FF0000"height="200" width="1"></td>?
</tr>?
</table>?
第三種方法：用水平條。?
<hr color="red" width="1"size="100%">?

48, 關于鼠標拖動,改變層大小。──看看微軟的做法.?
<script>?
document.execCommand("2D-position",false,true);?
</script>?
<DIV>?
<DIV style="WIDTH: 300px; POSITION:absolute; HEIGHT: 100px; BACKGROUND-COLOR: red">移動層</DIV>?
</DIV>

總結

以上是生活随笔為你收集整理的html特效大全1的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。