html網(wǎng)頁(yè)的代碼大全

)貼圖：<img src="圖片地址">

2)加入連接：<a href="所要連接的相關(guān)地址">寫上你想寫的字</a>

1)貼圖：<img src="圖片地址">

2)加入連接：<a href="所要連接的相關(guān)地址">寫上你想寫的字</a>

3)在新窗口打開(kāi)連接：<a href="相關(guān)地址" target="_blank">寫上要寫的字</a>

消除連接的下劃線在新窗口打開(kāi)連接：

<a href="相關(guān)地址" style="text-decoration:none" target="_blank">寫上你想寫的字</a>

4)移動(dòng)字體(走馬燈)：<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位進(jìn)制)之間

12)消除連接的下劃線：<a href="相關(guān)地址" style="text-decoration:none">寫上你想寫的字</a>

13)貼音樂(lè)：<embed src=音樂(lè)地址 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)固定帖子背景不隨滾動(dòng)條滾動(dòng)：<body background="背景圖片地址" body

bgproperties=fixed>

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

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

23)貼網(wǎng)頁(yè)：<iframe src="相關(guān)地址" width="寬度" height="高度"></iframe>

/----------------------------------------HTML特效代碼--------------------------------/

1。忽視右鍵

　或

2。加入背景音樂(lè)

　 IE:<bgsound src="*.mid" loop=infinite>

　 NS:<embed src="*.mid" autostart=true hidden=true loop=true>

　 </embed>

　 *.mid你的背景音樂(lè)的midi格式文件

3。簡(jiǎn)單的window.open方法

　 <a href="#"

　 onclick="javascript :window.open(文件路徑/文件名,newwindow,

　 toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,

　 width=400,height=300);">文字或圖片</a>

　參數(shù)解釋：

　 <SCRIPT LANGUAGE="javascript"> js腳本開(kāi)始；

　 window.open 彈出新窗口的命令；

　文件路徑/文件名彈出窗口的文件名；

　 newwindow 彈出窗口的名字（不是文件名），非必須，可用空代替；

　 width=400 窗口寬度；

　 height=300 窗口高度；

　 top=0 窗口距離屏幕上方的象素值；

　 left=0 窗口距離屏幕左側(cè)的象素值；

　 toolbar=no 是否顯示工具欄，yes為顯示；

　 menubar，scrollbars 表示菜單欄和滾動(dòng)欄。

　 resizable=no 是否允許改變窗口大小，yes為允許；

　 location=no 是否顯示地址欄，yes為允許；

　 status=no 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開(kāi)），yes為允許；

　 </SCRIPT> js腳本結(jié)束

4。簡(jiǎn)單的頁(yè)面加密

<!--

　 function loopy(){

var sWord ="";

while(sWord!="login"){sWord=prompt("請(qǐng)輸入你的登陸密碼");}

alert("登陸成功！");

　 }

　 loopy()

　 //-->

　 </script>

5。拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)

　 <style>

　 body{background-image:url(logo.gif);

　 background-repeat:no-repeat;background-position:center}

　 </style>

6。讓瀏覽器在保存頁(yè)面時(shí)保存失敗

7。隨機(jī)替換圖片

　 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。窗口定時(shí)關(guān)閉

　先將如下代碼網(wǎng)頁(yè)文件的區(qū)：

　 function closeit() { setTimeout("self.close()",10000) //毫秒 }

　 </script>

　然后再在<body>標(biāo)內(nèi)加入如：<body onload="closeit()">

9。網(wǎng)頁(yè)自動(dòng)關(guān)閉

　 <html>

　 <head>

　 <object id=closes type="application/x-oleobject"

　 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

　 </object>

　 </head>

　這個(gè)窗口會(huì)在10秒過(guò)后自動(dòng)關(guān)閉,而且不會(huì)出現(xiàn)提示.

　 </body>

　 </html>

10。網(wǎng)頁(yè)自動(dòng)刷新

　在head部記入

　其中20為20秒后自動(dòng)刷新，你可以更改為任意值。

11。網(wǎng)頁(yè)自動(dòng)轉(zhuǎn)頁(yè)

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

　在Layer中再插Iframe 或 Object 設(shè)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%>

　 </div>

　 <div id="Layer1" style="position:absolute; top:50;width:200px;

　 height:115px;z-index:1">

　 </div>

13。返回上一頁(yè)

　 <a href=javascript :history.back(1)>『返回上一頁(yè)』</a>

14。關(guān)閉窗口

15。關(guān)于iframe的透明背景

　 <IFRAME ID="iFrame1" SRC="iframe.htm"

　 allowTransparency="true"

　 style="background-color: green"></IFRAME>

16. oncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標(biāo)右鍵

<table border oncontextmenu=return(false)><td>no</table> 可用于Table

17. <body onselectstart="return false"> 取消選取、防止復(fù)制

18.onpaste="return false" 不準(zhǔn)粘貼

19.oncopy="return false;" oncut="return false;" 防止復(fù)制

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

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

22. <input style="ime-mode:disabled"> 關(guān)閉輸入法

23. 永遠(yuǎn)都會(huì)帶著框架

if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網(wǎng)頁(yè)

// --></script>

24. 防止被人frame

<SCRIPT LANGUAGE=JAVASCRIPT><!--

if (top.location != self.location)top.location=self.location;

// --></SCRIPT>

25. 網(wǎng)頁(yè)將不能被另存為

26. 查看網(wǎng)頁(yè)源代碼

27.刪除時(shí)確認(rèn)

28.屏蔽功能鍵Shift,Alt,Ctrl

function look(){

if(event.shiftKey)

alert("禁止按Shift鍵!"); //可以換成ALT　CTRL

}

document.onkeydown=look;

</script>

29. 網(wǎng)頁(yè)不會(huì)被緩存

或者<META HTTP-EQUIV="expires" CONTENT="0">

30.怎樣讓表單沒(méi)有凹凸感？

或 <input type=text style="border-left:none; border-right:none; border -top:none; border-bottom: 1 solid #000000"></textarea>

31.不要滾動(dòng)條?

讓豎條沒(méi)有:

</body>

讓橫條沒(méi)有:

</body>

兩個(gè)都去掉？更簡(jiǎn)單了

</body>

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

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

</form>

34.在打開(kāi)的子窗口刷新父窗口的代碼里如何寫？

window.opener.location.reload()

35.如何設(shè)定打開(kāi)頁(yè)面的大小

打開(kāi)頁(yè)面的位置<body onload="top.moveBy(300,200);">

36.在頁(yè)面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)

<STYLE>

body

{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

</STYLE>

37. 檢查一段字符串是否全由數(shù)字組成

function checkNum(str){return str.match(//D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// --></script>

38. 獲得一個(gè)窗口的大小

document.body.clientWidth; document.body.clientHeight

39. 怎么判斷是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");

else alert("全是字符");

40.TEXTAREA自適應(yīng)文字行數(shù)的多少

</textarea>

41. 日期減去天數(shù)等于第二個(gè)日期

function cc(dd,dadd)

{

//可以加上錯(cuò)誤處理

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. 選擇了哪一個(gè)Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

end function

</script><BODY>

<INPUT name="radio1" type="radio" value="style" checked>Style

<INPUT name="radio1" type="radio" value="barcode">Barcode

</BODY></HTML>

43.腳本永不出錯(cuò)

</SCRIPT>

44.ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框

45. 檢測(cè)某個(gè)網(wǎng)站的鏈接速度：

把如下代碼加入<body>區(qū)域中:

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("<form name=autof>")

for(var i=1;i<autourl.length;i++)

document.write("<input type=text name=txt"+i+" size=10 value=測(cè)試中

……> =》<input type=text

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

onclick=window.open(this.form.url"+i+".value)><br>")

document.write("<input type=submit value=刷新></form>")

}

butt()

function auto(url){

document.forms[0]["url"+b].value=url

if(tim>200)

{document.forms[0]["txt"+b].value="鏈接超時(shí)"}

else

{document.forms[0]["txt"+b].value="時(shí)間"+tim/10+"秒"} b++ }

function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 nerror=auto("http://"+autourl+"")>")}

run()</script>

46. 各種樣式的光標(biāo)

auto ：標(biāo)準(zhǔn)光標(biāo)

default ：標(biāo)準(zhǔn)箭頭

hand ：手形光標(biāo)

wait ：等待光標(biāo)

text ：I形光標(biāo)

vertical-text ：水平I形光標(biāo)

no-drop ：不可拖動(dòng)光標(biāo)

not-allowed ：無(wú)效光標(biāo)

help ：?幫助光標(biāo)

all-scroll ：三角方向標(biāo)

move ：移動(dòng)標(biāo)

crosshair ：十字標(biāo)

e-resize

n-resize

nw-resize

w-resize

s-resize

se-resize

sw-resize

47、禁止鼠標(biāo)右鍵，把Demo的圖片全都設(shè)為表格的背景，表格的大小與圖片的大小一樣。這樣做看起來(lái)是一樣的，主要是防止鼠標(biāo)經(jīng)過(guò)圖片時(shí)會(huì)出現(xiàn)另存的按鈕。禁止鼠標(biāo)右鍵的代碼很簡(jiǎn)單：

function click() { if (event.button==2)

{alert(呵呵，不好意思，你甭想使用右鍵下載圖片：）); } } document.onmousedown=click

</script>

48、在網(wǎng)頁(yè)的Head部分加入如下代碼，這段代碼的主要功能是屏蔽PrintScreen鍵，不斷清空剪貼版，防止圖片被用文件——另存為菜單另存。

<!--

function testclip(){

try {

if(clipboardData.getData("Text")||clipboardData.getData("HTML")||clipboardData.getData("URL"))

{

null;

}

catch(e){

clipboardData.setData("Text","")

}

setTimeout("testclip()",500)

}

testclip();

//-->

</script>

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

1. 將徹底屏蔽鼠標(biāo)右鍵

<table border oncontextmenu=return(false)><td>no</table> 可用于Table

2. <body> 取消選取、防止復(fù)制

3. 不準(zhǔn)粘貼

4. 防止復(fù)制

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

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

7. <input style="ime-mode:-Disabled"> 關(guān)閉輸入法

8. 永遠(yuǎn)都會(huì)帶著框架

if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網(wǎng)頁(yè)

// --></script>

9. 防止被人frame

<SCRIPT LANGUAGE=javascript><!--

if (top.location != self.location)top.location=self.location;

// --></SCRIPT>

10. 網(wǎng)頁(yè)將不能被另存為

11. <input type=button value=查看網(wǎng)頁(yè)源代碼

onclick="window.location = `view-source:`+ http://www.51js.com/`";>

12.刪除時(shí)確認(rèn)

<a href=`javascript：if(confirm("確實(shí)要?jiǎng)h除嗎?"location="boos.asp?&areyou=刪除&page=1"`>刪

除</a>

13. 取得控件的絕對(duì)位置

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

function getIE()

dim t,l,a,b

set a=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

while a.tagName<>"BODY"

set a = a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"

end function

--></script>

14. 光標(biāo)是停在文本框文字的最后

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart(`character`,e.value.length);

r.collapse(true);

r.select();

}

</script>

15. 判斷上一頁(yè)的來(lái)源

javascript：

document.referrer

16. 最小化、最大化、關(guān)閉窗口

本例適用于IE

17.屏蔽功能鍵Shift,Alt,Ctrl

function look(){

if(event.shiftKey)

alert("禁止按Shift鍵!"; //可以換成ALT　CTRL

}

document.onkeydown=look;

</script>

18. 網(wǎng)頁(yè)不會(huì)被緩存

或者<META HTTP-EQUIV="expires" CONTENT="0">

19.怎樣讓表單沒(méi)有凹凸感？

或

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 solid #000000"></textarea>

20.<div><span>&<layer>的區(qū)別？

<div>(division)用來(lái)定義大段的頁(yè)面元素，會(huì)產(chǎn)生轉(zhuǎn)行

<span>用來(lái)定義同一行內(nèi)的元素，跟<div>的唯一區(qū)別是不產(chǎn)生轉(zhuǎn)行

<layer>是ns的標(biāo)記，ie不支持，相當(dāng)于<div>

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

<body>

22.不要滾動(dòng)條?

讓豎條沒(méi)有:

</body>

讓橫條沒(méi)有:

</body>

兩個(gè)都去掉？更簡(jiǎn)單了

</body>

23.怎樣去掉圖片鏈接點(diǎn)擊后，圖片周圍的虛線？

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

</form>

25.在打開(kāi)的子窗口刷新父窗口的代碼里如何寫？

window.opener.location.reload()

26.如何設(shè)定打開(kāi)頁(yè)面的大小

<body>

打開(kāi)頁(yè)面的位置<body>

27.在頁(yè)面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)

<style>

body

{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

</style>

28. 檢查一段字符串是否全由數(shù)字組成

function checkNum(str){return str.match(//D/)==null}

alert(checkNum("1232142141"

alert(checkNum("123214214a1"

// --></script>

29. 獲得一個(gè)窗口的大小

document.body.clientWidth; document.body.clientHeight

30. 怎么判斷是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有漢字";

else alert("全是字符";

31.TEXTAREA自適應(yīng)文字行數(shù)的多少

</textarea>

32. 日期減去天數(shù)等于第二個(gè)日期

function cc(dd,dadd)

{

//可以加上錯(cuò)誤處理

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. 選擇了哪一個(gè)Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

end function

</script><BODY>

<INPUT name="radio1" type="radio" value="style" checked>style

<INPUT name="radio1" type="radio" value="barcode">Barcode

</BODY></HTML>

34.腳本永不出錯(cuò)

<!-- Hide

function killErrors() {

return true;

}

window.onerror = killErrors;

// -->

</SCRIPT>

35.ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框

<input>

36. 檢測(cè)某個(gè)網(wǎng)站的鏈接速度：

把如下代碼加入<body>區(qū)域中:

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("<form name=autof>"

for(var i=1;i<autourl.length;i++)

document.write("<input type=text name=txt"+i+" size=10 value=測(cè)試中……> =》<input type=text

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

onclick=window.open(this.form.url"+i+".value)><br>"

document.write("<input type=submit value=刷新></form>"

}

butt()

function auto(url){

document.forms[0]["url"+b].value=url

if(tim>200)

{document.forms[0]["txt"+b].value="鏈接超時(shí)"}

else

{document.forms[0]["txt"+b].value="時(shí)間"+tim/10+"秒"}

b++

}

function run(){for(var i=1;i<autourl.length;i++)document.write("<img

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

onerror=auto(http://";+autourl+"`)>"}

run()</script>

37. 各種樣式的光標(biāo)

auto ：標(biāo)準(zhǔn)光標(biāo)

default ：標(biāo)準(zhǔn)箭頭

hand ：手形光標(biāo)

wait ：等待光標(biāo)

text ：I形光標(biāo)

vertical-text ：水平I形光標(biāo)

no-drop ：不可拖動(dòng)光標(biāo)

not-allowed ：無(wú)效光標(biāo)

help ：?幫助光標(biāo)

all-scroll ：三角方向標(biāo)

move ：移動(dòng)標(biāo)

crosshair ：十字標(biāo)

e-resize

n-resize

nw-resize

w-resize

s-resize

se-resize

sw-resize

38.頁(yè)面進(jìn)入和退出的特效

進(jìn)入頁(yè)面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">

推出頁(yè)面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">

這個(gè)是頁(yè)面被載入和調(diào)出時(shí)的一些特效。Duration表示特效的持續(xù)時(shí)間，以秒為單位。Transition表示使

用哪種特效，取值為1-23:

0 矩形縮小

1 矩形擴(kuò)大

2 圓形縮小

3 圓形擴(kuò)大

4 下到上刷新

5 上到下刷新

6 左到右刷新

7 右到左刷新

8 豎百葉窗

9 橫百葉窗

10 錯(cuò)位橫百葉窗

11 錯(cuò)位豎百葉窗

12 點(diǎn)擴(kuò)散

13 左右到中間刷新

14 中間到左右刷新

15 中間到上下

16 上下到中間

17 右下到左上

18 右上到左下

19 左上到右下

20 左下到右上

21 橫條

22 豎條

23 以上22種隨機(jī)選擇一種

39.在規(guī)定時(shí)間內(nèi)跳轉(zhuǎn)

40.網(wǎng)頁(yè)是否被檢索

其中屬性值有以下一些:

屬性值為"all": 文件將被檢索，且頁(yè)上鏈接可被查詢；

屬性值為"none": 文件不被檢索，而且不查詢頁(yè)上的鏈接；

屬性值為"index": 文件將被檢索；

屬性值為"follow": 查詢頁(yè)上的鏈接；

屬性值為"noindex": 文件不檢索，但可被查詢鏈接；

屬性值為"nofollow": 文件不被檢索，但可查詢頁(yè)上的鏈接。

41.變換網(wǎng)頁(yè)的鼠標(biāo)光標(biāo)

42.怎樣實(shí)現(xiàn)在任務(wù)欄顯示小圖標(biāo)的效果？ (要使用絕對(duì)地址)

有些站點(diǎn)，訪問(wèn)時(shí)會(huì)在地址欄地址前顯出小圖標(biāo)，添加到收藏夾后也在收藏欄中顯示圖標(biāo)，

這樣很好的與其它站點(diǎn)有了區(qū)別。

要達(dá)到這個(gè)效果，先需做出這個(gè)圖標(biāo)文件，圖像為16*16像素，不要超過(guò)16色。文件格式為ico，然后上傳至你的網(wǎng)站。

然后，在需要的頁(yè)面中，加上以下html語(yǔ)句到文件的<head>和</head>之間（假設(shè)以上ico文件的地址http://happyisland.126.com/icon.ico）。

如果訪問(wèn)者的瀏覽器是IE5.0，就不需加任何代碼，只要將圖標(biāo)文件上傳到網(wǎng)站的根目錄下即可。

1,META標(biāo)簽里的代碼是什么意思？

<META>是放于<HEAD>與</HEAD>之間的標(biāo)記.以下是我總結(jié)它在網(wǎng)頁(yè)中最常見(jiàn)的幾種。

該網(wǎng)頁(yè)的關(guān)鍵字，作用于搜索引擎的登錄，事實(shí)上它在現(xiàn)在的網(wǎng)站中并沒(méi)什么用。

設(shè)定這是 HTML 文件及其編碼語(yǔ)系，簡(jiǎn)體中文網(wǎng)頁(yè)使用charset=gb2312，繁體中文使用charset=big5，或者不設(shè)編碼也可，純英文網(wǎng)頁(yè)建議使用 iso-8859-1。

這只表示該網(wǎng)頁(yè)由什么編輯器寫的。

這行較為實(shí)用，能于預(yù)定秒數(shù)內(nèi)自動(dòng)轉(zhuǎn)到指定網(wǎng)址。原代碼中 10 表示 10秒。

2，怎么改變滾動(dòng)條的顏色，只有ie5.5版本以上才能支持。

這是使用CSS語(yǔ)言，在次說(shuō)明一下，它和我的瀏覽器版本有一定的關(guān)系。

scrollbar-arrow-color：上下按鈕上三角箭頭的顏色。

scrollbar-base-color：滾動(dòng)條的基本顏色。

scrollbar-dark-shadow-color：立體滾動(dòng)條強(qiáng)陰影的顏色

scrollbar-face-color：立體滾動(dòng)條凸出部分的顏色

scrollbar-highlight-color：滾動(dòng)條空白部分的顏色

scrollbar-shadow-color立體滾動(dòng)條陰影的顏色。

scrollbar-track-color:#99CC33;

scrollbar-3dlight-color:#A8CBF1;

代碼如下：

<style>

<!--

BODY {

scrollbar-face-color:#99CC33;//(立體滾動(dòng)條凸出部分的顏色)

scrollbar-highlight-color:#A8CBF1;//(滾動(dòng)條空白部分的顏色)

scrollbar-shadow-color:#A8CBF1;//(立體滾動(dòng)條陰影的顏色)

scrollbar-arrow-color:#FF9966;//(上下按鈕上三角箭頭的顏色)

scrollbar-base-color:#A8CBF1; //(滾動(dòng)條的基本顏色)

scrollbar-darkshadow-color:#A8CBF1; //(立體滾動(dòng)條強(qiáng)陰影的顏色)

scrollbar-track-color:#99CC33;

scrollbar-3dlight-color:#A8CBF1;

}

-->

</style>

//以下是其它的網(wǎng)頁(yè)的代碼

在這我補(bǔ)充幾點(diǎn)：

1.讓瀏覽器窗口永遠(yuǎn)都不出現(xiàn)滾動(dòng)條。

2，沒(méi)有水平滾動(dòng)條

3，沒(méi)有垂直滾動(dòng)條

3,如何給圖片抖動(dòng)怎做的.

<!--

var rector=2

var stopit=0

var a=1

var count=0

function init(which){

stopit=0

shake=which

shake.style.left=0

shake.style.top=0

}

function rattleimage(){

if ((!document.all&&!document.getElementById)||stopit==1||count==100)

return

count++

if (a==1){

shake.style.top=parseInt(shake.style.top)+rector

}

else if (a==2){

shake.style.left=parseInt(shake.style.left)+rector

}

else if (a==3){

shake.style.top=parseInt(shake.style.top)-rector

}

else{

shake.style.left=parseInt(shake.style.left)-rector

}

if (a<4)

a++

else

a=1

setTimeout("rattleimage()",50)

}

function stoprattle(which){

stopit=1

count=0

which.style.left=0

which.style.top=0

}

//-->

</SCRIPT>

</style>

4，在DW如何給水平線加顏色。

在DW中沒(méi)有此項(xiàng)設(shè)置，你只能在HTML中加入代碼：<hr color=red noshade>按F12的預(yù)覽在能看到。由于在NC中不支持<hr>的COLOR屬性，所以在DW中沒(méi)有此項(xiàng)設(shè)置。

5，如何在網(wǎng)頁(yè)中實(shí)現(xiàn)flash的全屏播放？

只要在調(diào)用swf文件的HTML中將WIDTH和HEIGHT的參數(shù)設(shè)為100％即可，當(dāng)然也可以在Flash導(dǎo)出HTML文件的設(shè)置中進(jìn)行設(shè)置，方法是：打開(kāi)File菜單；選Publish Settings彈出導(dǎo)出設(shè)置對(duì)話框；在HTML標(biāo)簽下的Dimensions選項(xiàng),下拉后選中Percent（百分比）,并在WIDTH 和HEIGHT框中填100.就行了。

6,為什么我在DW中插入的Flash動(dòng)畫缺看不找！

如果你沒(méi)有正確地安裝Dreamweaver和Flash，那么在你預(yù)覽的時(shí)候，Dreamweaver會(huì)提示你缺少播放的插件，請(qǐng)你按裝InstallAXFlash.exe 并從新啟動(dòng)計(jì)算機(jī)。現(xiàn)在IE6已經(jīng)捆綁這個(gè)程序。

7，在Flash中，如果屏蔽鼠標(biāo)右鍵?FS命令都是什么意思?

fscommand ("fullscreen", "true/false";（全屏設(shè)置，TRUE開(kāi)，F(xiàn)ALSE關(guān)）

fscommand ("showmenu", "true/false";（右鍵菜單設(shè)置，TRUE顯示，F(xiàn)ALSE不顯示）

fscommand ("allowscale", "true/false";（縮放設(shè)置，TRUE自由縮放，F(xiàn)ALSE調(diào)整畫面不影響影片本身的尺寸）

fscommand ("trapallkeys", "true/false";（快捷鍵設(shè)置，TRUE快捷鍵開(kāi)，F(xiàn)ALSE快捷鍵關(guān)）

fscommand ("exec";（EXE程序調(diào)用）

fscommand ("quit";（退出關(guān)閉窗口）

8，F(xiàn)lash中什么是隱形按鈕。

利用button中的hit幀來(lái)制作只有感應(yīng)區(qū)域而完全透明的按鈕。

9，如何給Flash動(dòng)畫做鏈接。

Dreamweaver是不能給Flash制作鏈接的，只能在Flash中用geturl()加鏈接，然后再插入Dreamweaver中。

10，DW中的層的技巧。

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

11，如何改變鼠標(biāo)的形狀？

在Dreamweaver4中CSS樣式面板：

按CTR+SHIFT+E--出現(xiàn)樣式表對(duì)話框,點(diǎn)擊NEW，出現(xiàn)編輯對(duì)話框,在左邊最后一項(xiàng)extensions-cursor 選擇你要改的指針形式就可以了，然后把你要想改變的地方運(yùn)用樣式表，如果整頁(yè)都有在<body bgcolor="#003063" text="#ffffff" id=all>中加入就行了。

這里選擇（文本）作為對(duì)象，還可以自己改為其他的，如link等。

x可以等于=hand（手形）、crosshair（十字）、text（文本光標(biāo)）、wait（顧名思義啦）、default（默認(rèn)效果）、help（問(wèn)號(hào)）、e-size（向右箭頭）、ne-resize（向右上的箭頭）、nw-resize（向左上的箭頭）、w-resize（向左的箭頭）、sw-resize（左下箭頭）、s-resize（向下箭頭）、se-resize（向右下箭頭）、auto（系統(tǒng)自動(dòng)給出效果）。

12，用CSS做郵票，看看吧！

13，經(jīng)常上網(wǎng)的朋友可能會(huì)到過(guò)這樣一些網(wǎng)站，一進(jìn)入首頁(yè)立刻會(huì)彈出一個(gè)窗口，怎么做呢！

這javascript代碼即可實(shí)現(xiàn)，摘錄藍(lán)色論壇。

【1、最基本的彈出窗口代碼】

其實(shí)代碼非常簡(jiǎn)單：

<!--

window.open (`page.html`)

-->

</SCRIPT>

因?yàn)橹且欢蝚avascripts代碼，所以它們應(yīng)該放在<SCRIPT LANGUAGE="javascript">標(biāo)簽和</script>之間。是對(duì)一些版本低的瀏覽器起作用，在這些老瀏覽器中不會(huì)將標(biāo)簽中的代碼作為文本顯示出來(lái)。要養(yǎng)成這個(gè)好習(xí)慣啊。

window.open (`page.html`) 用于控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應(yīng)寫明路徑，絕對(duì)路徑(http://)和相對(duì)路徑(../)均可。用單引號(hào)和雙引號(hào)都可以，只是不要混用。

這一段代碼可以加入HTML的任意位置，<head>和</head>之間可以，<body bgcolor="#003063" text="#ffffff" id=all>間</body>也可以，越前越早執(zhí)行，尤其是頁(yè)面代碼長(zhǎng)，又想使頁(yè)面早點(diǎn)彈出就盡量往前放。

【2、經(jīng)過(guò)設(shè)置后的彈出窗口】

下面再說(shuō)一說(shuō)彈出窗口的設(shè)置。只要再往上面的代碼中加一點(diǎn)東西就可以了。

我們來(lái)定制這個(gè)彈出的窗口的外觀，尺寸大小，彈出的位置以適應(yīng)該頁(yè)面的具體情況。

<!--

window.open (`page.html`, `newwindow`, `height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no`)

//寫成一行

-->

</SCRIPT>

參數(shù)解釋：

<SCRIPT LANGUAGE="javascript"> js腳本開(kāi)始；

window.open 彈出新窗口的命令；

`page.html` 彈出窗口的文件名；

`newwindow` 彈出窗口的名字（不是文件名），非必須，可用空``代替；

height=100 窗口高度；

width=400 窗口寬度；

top=0 窗口距離屏幕上方的象素值；

left=0 窗口距離屏幕左側(cè)的象素值；

toolbar=no 是否顯示工具欄，yes為顯示；

menubar，scrollbars 表示菜單欄和滾動(dòng)欄。

resizable=no 是否允許改變窗口大小，yes為允許；

location=no 是否顯示地址欄，yes為允許；

status=no 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開(kāi)），yes為允許；

</SCRIPT> js腳本結(jié)束

【3、用函數(shù)控制彈出窗口】

下面是一個(gè)完整的代碼。

<html>

<head>

<!--

function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=

no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"

//寫成一行

}

//-->

</script>

</head>

<body>

…任意的頁(yè)面內(nèi)容…

</body>

</html>

這里定義了一個(gè)函數(shù)openwin(),函數(shù)內(nèi)容就是打開(kāi)一個(gè)窗口。在調(diào)用它之前沒(méi)有任何用途。

怎么調(diào)用呢？

方法一：<body> 瀏覽器讀頁(yè)面時(shí)彈出窗口；

方法二：<body> 瀏覽器離開(kāi)頁(yè)面時(shí)彈出窗口；

方法三：用一個(gè)連接調(diào)用：

注意：使用的“#”是虛連接。

方法四：用一個(gè)按鈕調(diào)用：

14，沒(méi)有用表格寫的，讓大家隨便看看，沒(méi)什么。

<html>

<head>

<title>江南荷花扇面</title>

<!--

.font1 { font-size: 12px; color: #999999; text-decoration: none}

a { font-size: 12px; color: #999999; text-decoration: none}

a:hover { font-size: 12px; color: #000000; text-decoration: none}

-->

</style>

</head>

<p>盛夏尚　濤　

<p><a href="index.htm">一夜露痕黃粉香　袁運(yùn)甫 </a>

<p>瑤池昨夜新涼王金嶺

<p>一朵白蓮隨意開(kāi)　吳冠南

<p>新雨迎秋欲滿塘　齊辛民

<p>十里荷香齊辛民

<p>濯清蓮而不妖盧世曙

</div>

</body>

</html>

15,IE6已支持自定義cursor!

語(yǔ)法格式 cursor:url(圖標(biāo)) //cur或是ani文件.

cur就是WINDOWS中的光標(biāo)(cursor)文件，光標(biāo)文件與圖標(biāo)（ICON)文件除了文件頭有一個(gè)位置的值不同外，實(shí)際是一樣的。

ani是WINDOWS中的動(dòng)畫光標(biāo)（圖標(biāo)）文件。

<!--

.unnamed1 { cursor:url(arrow2c.cur)}

-->

</style>

16,用marquee做的滾動(dòng)字幕.這也我剛看到論壇的朋友在問(wèn)。

語(yǔ)法：

align=# | top | middle| bottom //對(duì)齊方式)

BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移動(dòng)的方式

BGCOLOR=color//底色區(qū)域顏色

DIRECTION=DOWN | LEFT | RIGHT | UP //移動(dòng)的方向

Loop=n //循環(huán)次數(shù)（默認(rèn)是循環(huán)不止）

Scrolldelay=milliseconds//延時(shí)

height=# width=# //區(qū)域面積

hspace=# vspace=# //空白區(qū)域

scrollamount=# //移動(dòng)的速度

17，在FLASH5中也存在一些字體，打散后變成一團(tuán)的事是為什么？有解決的辦法嗎。

這是大家很常見(jiàn)的問(wèn)題！可能是對(duì)字庫(kù)支持的不好！我個(gè)是做成透明的gif圖片格式，然后倒入。

18，flash的網(wǎng)頁(yè)里“加入收藏夾”功能怎么實(shí)現(xiàn)？

在as中加getUrl("java script:window.external.addFavorite(http://skydesigner.51.net`,`我的工作室`)"

19，在Flash中，文本的動(dòng)態(tài)屬性和輸入屬性的區(qū)別。

input text在運(yùn)行時(shí)可被用戶或程序改變其值。

ynamic text僅允許被程序修改。

20,怎樣在IE中調(diào)用Dreamweaver進(jìn)行編輯.

相信很多在使用WinME或Window2000的朋友，會(huì)遇見(jiàn)是個(gè)問(wèn)題。很簡(jiǎn)單，把我們筆記本程序打開(kāi)，保存為一個(gè) *.reg 文件。雙擊它將信息添加到注冊(cè)表即可。

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:\Program Files\Macromedia\Dreamweaver 4\dreamweaver.exe\" \"%1\""

21，設(shè)置表格虛線。

方法一：作一個(gè)1X2的圖。半黑半白，再利用表格作成線。

方法二：在css里面設(shè)，要IE5。5才支持這種效果。

style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"

22,看看在網(wǎng)頁(yè)中調(diào)用HHCtrl控件效果。

代碼如下：

22，如何讓一張圖片有淺到深的漸變。

<!--

function high(which2){

theobject=which2

highlighting=setInterval("highlightit(theobject)",50)

}

function low(which2){

clearInterval(highlighting)

which2.filters.alpha.opacity=40

}

function highlightit(cur2){

if (cur2.filters.alpha.opacity<100)

cur2.filters.alpha.opacity+=10

else if (window.highlighting)

clearInterval(highlighting)

}

</script>

23,雙擊鼠標(biāo)左鍵來(lái)滾動(dòng)背景，單擊停止。

var currentpos,timer;

function initialize()

{

timer=setInterval("scrollwindow()",16);

}

function sc(){

clearInterval(timer);

}

function scrollwindow()

{

currentpos=document.body.scrollTop;

window.scroll(0,++currentpos);

if (currentpos != document.body.scrollTop)

sc();

}

document.onmousedown=sc

document.ondblclick=initialize

</SCRIPT>

24,如何在同一頁(yè)面設(shè)置不同文字鏈接效果的樣式.

代碼如下：

<HTML><HEAD><TITLE>如何在同一頁(yè)面設(shè)置不同文字鏈接效果的樣式</TITLE>

<!--

a:hover { font-size: 9pt; color: #FF0000; text-decoration: underline}

a:link { font-size: 9pt; color: #006699; text-decoration: underline}

a:visited { font-size: 9pt; color: #006699; text-decoration: underline}

a:active { font-size: 9pt; color: #FF0000; text-decoration: none}

a.r1:hover { font-size: 9pt; color: #FF0000; text-decoration: underline overline}

a.r1:link { font-size: 9pt; color: #000000; text-decoration: underline overline}

a.r1:visited { font-size: 9pt; color: #99CC00; text-decoration: underline overline}

a.r1:active { font-size: 9pt; color: #000000; text-decoration: underline overline}

-->

</style>

</head>

<a href="#">下劃線鏈接 </a>

<p></p>

<a href="#" class="r1">雙下劃線鏈接</a>

</BODY>

</HTML>

補(bǔ)充說(shuō)明：

a:hover 表示鼠標(biāo)劃過(guò)時(shí)的樣式.

a:link 表示鏈接的樣式.

a:active 表示當(dāng)前活動(dòng)連接的樣式.

a:visited 表示已經(jīng)訪問(wèn)過(guò)的連接的樣式.

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: "宋體"}

//加入陰影效果

補(bǔ)充說(shuō)明：

這兩種濾鏡要想實(shí)現(xiàn)效果，必須加在如：<td class=glow或shadow ><div>xxxxxxxxx</div></td>上

，并且要留有足夠的空間能夠顯示陰影或描邊，否則會(huì)出現(xiàn)半截的陰影或描邊現(xiàn)象。

26,如何給做帶顏色的下拉菜單。

<option selected>:: Dreamweaver4 ::</option>

<option>::Flash5::</option>

<option>::Firewoks4::</option>

</select>

27,關(guān)于DW4的表格中的亮邊框和暗邊框問(wèn)題。

在DW4的表格面板中并沒(méi)有亮邊框和暗邊框的屬性設(shè)置，因?yàn)镹C不支持,只有你在代碼中添加了。

bordercolorlight="#999999" bordercolordark="#000000"

你也可以用Css定義一個(gè)class。例如：

<style>

.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }

</style>

然后在要加效果的表格里加上<table class="bordercolor">

28,自動(dòng)顯示主頁(yè)最后更新日期.

document.write("最后更新日期："+document.lastModified+""

</script>愛(ài)電臺(tái)有我

29,如何讓滾動(dòng)條出現(xiàn)在左邊？

我想居然在論壇中有人發(fā)表了這段代碼，很有意思，它的確照顧一些左撇子，呵呵！

<tr>

<td bgcolor="#FF0000" >是不是你的滾動(dòng)條在左邊啊</td>

</tr>

</table>

</body>

</html>

30,如何加入網(wǎng)址前面的小圖標(biāo)？

首先,您必須了解所謂的圖標(biāo)（Icon）是一種特殊的圖形文件格式，它是以 .ico 作為擴(kuò)展名。你可用在網(wǎng)上找一個(gè)制作圖標(biāo)軟件，它具有特有的規(guī)格：圖標(biāo)的大小為 16 * 16（以像素為單位）；顏色不得超過(guò) 16 色。在該網(wǎng)頁(yè)文件的 HEAD 部分加入下面的內(nèi)容：<LINK REL="SHORTCUT ICON" HREF=" http://skydesigner.51.net/圖標(biāo)文件名">,并放在該網(wǎng)頁(yè)的根目錄下。

31,在800*600顯示器中，如何不讓網(wǎng)頁(yè)水平出現(xiàn)滾動(dòng)條！

設(shè)至<body leftmargin="0" topmargin="0">，網(wǎng)頁(yè)中的表格寬度為778。

32,關(guān)于<!DOTYPE>的說(shuō)明解釋。

在網(wǎng)頁(yè)中，經(jīng)常會(huì)看到〈!DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`>，是聲明HTML文件的版本信息。

33, 用圖片來(lái)關(guān)閉窗體.

補(bǔ)充說(shuō)明：如何使用了ACTIVEX！,不再警告窗口？

<html>

<head>

classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

</head>

</body>

</html>

34,禁止鼠標(biāo)右鍵查看網(wǎng)頁(yè)源代碼。

function click()

{if (event.button==2) {alert(`你好,歡迎光臨！`) }}

document.onmousedown=click

</SCRIPT>

補(bǔ)充說(shuō)明：

鼠標(biāo)完全被封鎖,可以屏蔽鼠標(biāo)右鍵和網(wǎng)頁(yè)文字。

< body>

35,通過(guò)按鈕來(lái)查看網(wǎng)頁(yè)源代碼。

36,怎么用文字聯(lián)結(jié)實(shí)現(xiàn)按鈕的SUBMIT功能？

這段文字要放在form里。formname是這里要寫在form中的name,<form name=form111>那么就應(yīng)該是form111.submit()

37,如何做一個(gè)空鏈接？

加#

38,利用<IFRAME>來(lái)給網(wǎng)頁(yè)中插入網(wǎng)頁(yè)。

經(jīng)常我看到很多網(wǎng)頁(yè)中又有一個(gè)網(wǎng)頁(yè)，還以為是用了框架，其實(shí)不然，是用了<IFRAME>,它只適用于IE，NS可是不支持<IFRAME>的，但圍著的字句只有在瀏覽器不支援 iframe 標(biāo)記時(shí)才會(huì)顯示，如<noframes>一樣，可以放些提醒字句之類的話。

你注意啊！下面請(qǐng)和我學(xué)習(xí)它的用法。

分析代碼：<iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> </iframe>

src="iframe.html"

用來(lái)顯示<IFRAME>中的網(wǎng)頁(yè)來(lái)源，必要加上相對(duì)或絕對(duì)路徑。

name="test"

這是連結(jié)標(biāo)記的 target 參數(shù)所需要的。

align="MIDDLE"

可選值為 left, right, top, middle, bottom，作用不大。

width="300" height="100"

框窗的寬及長(zhǎng)，以 pixels 為單位。

marginwidth="1" marginheight="1"

該插入的文件與框邊所保留的空間。

frameborder="1"

使用 1 表示顯示邊框， 0 則不顯示。（可以是 yes 或 no）

scrolling="Yes"

使用 Yes 表示容許卷動(dòng)（內(nèi)定）， No 則不容許卷動(dòng)。

39,請(qǐng)問(wèn)＜tbody＞的用法？

tbody用法據(jù)說(shuō)是加強(qiáng)對(duì)表格的控制能力的.例如：

tbody代碼如果不是你用手寫的話,只有在你用IE5打開(kāi)一個(gè)網(wǎng)頁(yè)的時(shí)候，把它另存為

一下，你的另存為的文件在表格中就會(huì)生成tbody代碼。(即便你的表格根本就沒(méi)有

tbody代碼，IE5另存為的時(shí)候也會(huì)給你生成)。

40,Alt和Title都是提示性語(yǔ)言標(biāo)簽，請(qǐng)注意它們之間的區(qū)別。

在我們?yōu)g覽網(wǎng)頁(yè)時(shí)，當(dāng)鼠標(biāo)停留在圖片對(duì)象或文字鏈接上時(shí)，在鼠標(biāo)的右下角有時(shí)會(huì)出現(xiàn)一個(gè)提示信息框。對(duì)目標(biāo)進(jìn)行一定的注釋說(shuō)明。在一些場(chǎng)合，它的作用是很重要的。

alt 用來(lái)給圖片來(lái)提示的。Title用來(lái)給鏈接文字或普通文字提示的。

用法如下：

補(bǔ)充知識(shí)：<TITLE><ALT>里面如何多行換行？在源代碼里Enter回車。

<a href="#" Title="個(gè)人簡(jiǎn)歷

姓名：張培

網(wǎng)名：我是閃夢(mèng)

性別：男的，不是女的。

愛(ài)好：網(wǎng)頁(yè)制作，軟件開(kāi)發(fā)">個(gè)人簡(jiǎn)歷</a>

例如：個(gè)人簡(jiǎn)歷

41, 用javascript代碼來(lái)實(shí)現(xiàn)閃爍按鈕。

<body>

</form>

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++)

{

var tempvariable=`setInterval("changecolor(`+i+`)",`+`1000)`

eval(tempvariable)

}

</script>

</body>

42,CSS給圖片定義顏色邊框。

img { border: 1px solid red}

43,在DW中如何使插入的FLASH透明。

方法一：選中swf,打開(kāi)原代碼窗口，在</object>前輸入:<param name="wmode" value="transparent">

方法二：在Flash中的Flie→Publist Settings→HTML→Window Mode選擇transparent

44,在DW編輯文本中，如何輸入一個(gè)空格呢？

輸入空格的問(wèn)題，在DW似乎已成了一個(gè)老生常談的問(wèn)題。通過(guò)將輸入法調(diào)整到全角模式就可以避免了。本以人工智能ABC為例.按Shift+Space切換到全角狀態(tài)。

45,為何我的DW中圖形顯示不正常。

第一種：可能是因?yàn)槟愣x并正在使用一個(gè)site，而你的HTML文件或者圖片不在這個(gè)site包含的區(qū)域之內(nèi)，因此dreamweaver使用file協(xié)議來(lái)

描述圖象的絕對(duì)路徑，可惜IE不支持src中使用file協(xié)議，所以圖象就顯示不出來(lái)了。

第二種：可能是放圖片的文件夾或圖片名為中文，也顯示不到網(wǎng)頁(yè)中去。

46,如何在本地機(jī)器上測(cè)試flash影片的loading？

我想這可能是很多人在問(wèn)的題了，其實(shí)很簡(jiǎn)單，在Test時(shí)，選選View->Show Streaming就可以看到了。

47,在網(wǎng)頁(yè)中做出一根豎的線有幾種辦法.

第一種方法：用一個(gè)像素圖的辦法！

如果你用Dreamwever的Edit→Preferences…→Layout View中的Spacer Image給你創(chuàng)建了一個(gè)缺省名為：spacer.gif的一個(gè)像素圖文件。

代碼中：

<tr>

</tr>

</table>

第二種方法：用表格填顏色的辦法！把<td> </td>中的刪掉 .

<tr>

</tr>

</table>

第三種方法：用水平條。

48, 關(guān)于鼠標(biāo)拖動(dòng),改變層大小。──看看微軟的做法.

document.execCommand("2D-position",false,true);

</script>

<DIV>

</DIV>

果你要開(kāi)拓海外市場(chǎng)，EDM電子郵件營(yíng)銷是整個(gè)營(yíng)銷戰(zhàn)略中一項(xiàng)必不可少的營(yíng)銷方案。

相比于國(guó)內(nèi)用戶喜歡用QQ、微信、釘釘這些即時(shí)通訊工具，進(jìn)行交流和溝通，電子郵件依然是很多海外用戶的首選。

雖然電子郵件是個(gè)非常古老的交流工具，但是郵件推廣依然有非常高的營(yíng)銷價(jià)值，使用的好可以為你帶來(lái)高額的回報(bào)。

目前市場(chǎng)上的大多數(shù)電子郵件服務(wù)提供商都會(huì)有一個(gè)用于創(chuàng)建電子郵件活動(dòng)的電子郵件編輯器，但很少有人提供電子郵件營(yíng)銷人員真正需要的東西。

一般的郵件編輯器除了文字就是圖片，想要設(shè)計(jì)一款精美的富有個(gè)性化的郵件簡(jiǎn)直是難于登天，更不用說(shuō)讓用戶有打開(kāi)郵件的欲望。

不過(guò)，還好有可視化無(wú)需代碼的拖放式HTML郵件模板制作工具，幫助郵件營(yíng)銷人員創(chuàng)造精美的郵件。

與那些老古董相比，在線拖放式郵件編輯器有大量設(shè)計(jì)好的精美的郵件營(yíng)銷模板，通過(guò)簡(jiǎn)單的拖放式編輯器，就可以立即對(duì)其進(jìn)行編輯和定制，定制屬于自己的個(gè)性化郵件。

Chamaileon

Chamaileon因其用戶友好的電子郵件設(shè)計(jì)編輯器和強(qiáng)大的圖像編輯功能，成為很多企業(yè)級(jí)用戶的首選。

Chamaileon提供了一個(gè)來(lái)自Pexels的免費(fèi)圖片庫(kù)，你也可以添加自己的電子郵件通訊圖片，進(jìn)行定制和修改。

Chamaileon界面干凈整潔，自身包含了一些精美的響應(yīng)式電子郵件設(shè)計(jì)模板，用戶也可以自定義創(chuàng)作自己的郵件模板。

除了可以對(duì)郵件進(jìn)行定制和使用外，它還具有實(shí)時(shí)協(xié)作的功能，這對(duì)于電子郵件營(yíng)銷團(tuán)隊(duì)來(lái)說(shuō)非常的友好。

Chamaileon有100多個(gè)響應(yīng)式模板和1000多種內(nèi)置小工具，可以導(dǎo)入自定義的HTML代碼，和豐富的電子郵件內(nèi)容管理工具，支持蘋果和安卓移動(dòng)設(shè)備，可以在所有版本的Outlook上工作。

雖然功能很強(qiáng)大，不過(guò)Chamaileon收費(fèi)比較昂貴，最低價(jià)格300美元/月，比較適合大企業(yè)和大品牌的公司使用。

Postcards

Postcards是Designmodo推出的在線產(chǎn)品之一，是一個(gè)非常容易使用的推廣郵件構(gòu)建工具。

Postcards有一個(gè)簡(jiǎn)單的界面，可以讓你從頭開(kāi)始創(chuàng)建完全相應(yīng)的、精美的、符合當(dāng)前審美潮流的電子郵件模板。

Postcards有100多個(gè)預(yù)先設(shè)計(jì)好的電子郵件模塊和900種谷歌字體，可以快速的設(shè)計(jì)出符合各行業(yè)需求的營(yíng)銷郵件模板。

Postcards支持團(tuán)隊(duì)協(xié)作，團(tuán)隊(duì)成員之間可以相互合作管理不同的版本，并將結(jié)果導(dǎo)入到流行的電子郵件服務(wù)提供商中。

Postcards價(jià)格比較實(shí)惠，可以免費(fèi)使用，付費(fèi)版本最低17美元/月。

http://Beefree.io

BEE是一個(gè)免費(fèi)的電子郵件設(shè)計(jì)軟件，可以讓你創(chuàng)建簡(jiǎn)單的電子郵件模板，然后將其導(dǎo)出到你最喜歡的電子郵件服務(wù)提供商中。

你不需要任何編碼技巧，就可以在幾分鐘內(nèi)創(chuàng)建一個(gè)響應(yīng)式的電子郵件模板，還提供了一種在Gmail中發(fā)送HTML郵件的簡(jiǎn)單方法。

BEE的電子郵件模板庫(kù)配備了各種專業(yè)設(shè)計(jì)的模板供你定制，你可以在其中添加網(wǎng)絡(luò)特定元素，如表格、視頻和腳本，或者嵌入你自己的調(diào)查工具創(chuàng)建有個(gè)性化外觀的郵件。

通過(guò)BEE專業(yè)設(shè)計(jì)好的模板，可以在一個(gè)包含HTML和圖片的ZIP文件中導(dǎo)出，并在自己的電子郵件營(yíng)銷軟件中使用它。

付費(fèi)的高級(jí)專業(yè)版本，還可以獲得更多復(fù)雜的模板，和直接與電子郵件營(yíng)銷軟件連接的插件，如MailChimp、SendGrid、HubSpot等等。

價(jià)格方面，注冊(cè)完就可以免費(fèi)使用，自由職業(yè)者需要付費(fèi)15美元/月，團(tuán)隊(duì)版本需要30美元/月。

Stripo

Stripo是一個(gè)免費(fèi)的電子郵件模板生成器，無(wú)需HTML或CSS經(jīng)驗(yàn)就能輕松使用，擁有豐富的模板，可以在幾分鐘內(nèi)就可以制作出高級(jí)的電子郵件模板。

Stripo具有拖放和HTML編輯模式，可以在編輯器內(nèi)建立互動(dòng)的電子郵件元素，如圖片翻轉(zhuǎn)效果、CSS動(dòng)畫按鈕和倒計(jì)時(shí)器等功能，還提供了一個(gè)嵌入式的照片編輯器，用于建立電子郵件橫幅。

該服務(wù)是多語(yǔ)言的，所以可以從英語(yǔ)改成他們的其他7種語(yǔ)言選擇（德語(yǔ)、西班牙語(yǔ)、法語(yǔ)等）。

Stripo為其用戶提供了一個(gè)內(nèi)容模塊庫(kù)，用于存儲(chǔ)最常用的電子郵件元素和組件，有超過(guò)600多個(gè)免費(fèi)的HTML電子郵件模板，還可以按類型、電子商務(wù)、行業(yè)或季節(jié)進(jìn)行分類，幫助用戶快速找到適合自己的edm郵件模板。

通過(guò)API，Stripo的電子郵件模板可以導(dǎo)出到60多個(gè)電子郵件服務(wù)商，你也可以將模板設(shè)計(jì)導(dǎo)出為HTML，并使用它從你選擇的任何其他電子郵件營(yíng)銷工具發(fā)送你的電子郵件活動(dòng)。

在向收件人發(fā)送電子郵件之前，你可以將其下載為PDF格式，以獲得客戶或同事的認(rèn)可；有大約100種不同的測(cè)試環(huán)境，讓其在嵌入的電子郵件測(cè)試工具中測(cè)試電子郵件。

Stripo可以免費(fèi)使用，付費(fèi)商業(yè)版本最低價(jià)格為12.50美元/月。

MailChimp

Mailchimp是世界上最著名的電子郵件營(yíng)銷自動(dòng)化平臺(tái)，由Ben Chestnut、Mark Armstrong和Dan Kurzius于2001年創(chuàng)立，從事郵件營(yíng)銷的工作人員大概都聽(tīng)說(shuō)過(guò)或者用過(guò)，這是一款非常出名的外貿(mào)郵件群發(fā)軟件。

Mailchimp主要針對(duì)中小型企業(yè)，是一個(gè)強(qiáng)大的一體化外貿(mào)郵件營(yíng)銷平臺(tái)，不僅拖放式電子郵件生成器，還提供了一個(gè)由100多個(gè)現(xiàn)成設(shè)計(jì)組成的龐大的電子郵件模板庫(kù)。

你可以選擇一個(gè)預(yù)先編碼的電子郵件模板，或者從頭開(kāi)始創(chuàng)建一個(gè)電子郵件模板，雖然它在元素和區(qū)塊方面不是很靈活，但Mailchimp允許用戶創(chuàng)建漂亮的響應(yīng)式郵件。

它的新模板生成器讓你可以直接在內(nèi)容塊上編輯你的元素。此外，它的內(nèi)容工作區(qū)間對(duì)編輯和管理你的圖片和文件特別有幫助。

作為一個(gè)edm郵件營(yíng)銷工具，Mailchimp還為用戶提供了一些額外的功能，如自動(dòng)化，以便及時(shí)地開(kāi)展edm郵件群發(fā)活動(dòng)，還有針對(duì)不同電子郵件客戶端設(shè)計(jì)的測(cè)試工具。

Mailchimp可以免費(fèi)使用，付費(fèi)功能每月15美元起。

Moosend

作為免費(fèi)的海外郵件群發(fā)工具，Moosend使你能夠創(chuàng)建、自動(dòng)化和發(fā)送你的電子郵件營(yíng)銷活動(dòng)。

對(duì)于精通技術(shù)的用戶來(lái)說(shuō)，你可以在編輯電子郵箱模板時(shí)，查看并復(fù)制HTML代碼，或者通過(guò)Moosend的代碼視圖下載一個(gè)JSON文件。

Moosend有一個(gè)現(xiàn)成的模板庫(kù)，你可以選擇已有的edm營(yíng)銷郵件模板開(kāi)始設(shè)計(jì)，或者通過(guò)拖放欄目和結(jié)構(gòu)元素從頭設(shè)計(jì)一個(gè)視覺(jué)上令人驚嘆的電子郵件。

如果你需要一個(gè)快速的視覺(jué)效果，Moosend提供了一個(gè)與圖片庫(kù)、社交媒體平臺(tái)、Google Drive等整合的圖片采集器。

Moosend有一個(gè)有用的 "保存 "功能，你可以用它來(lái)保存你編輯過(guò)的電子郵件模板，以供將來(lái)使用，還可以添加倒計(jì)時(shí)功能，個(gè)性化你的電子郵件，以及添加條件塊來(lái)創(chuàng)建動(dòng)態(tài)內(nèi)容活動(dòng)。

Moosend可以免費(fèi)使用，專業(yè)版每月10美元起，企業(yè)版可以和銷售人員自定義價(jià)格。

http://Topol.io

http://TOPOL.io被描述為 "為每個(gè)設(shè)備創(chuàng)建漂亮的電子郵件拖放編輯器”。

Topol使用拖放功能創(chuàng)建電子郵件html模板，用戶不必是圖形設(shè)計(jì)師、HTML程序員或電子郵件渲染方面的專家，你可以快速、簡(jiǎn)單、直觀、有趣的創(chuàng)建電子郵件模板。

你可以將Topol編輯器整合到你自己的應(yīng)用程序、CRM（客戶關(guān)系管理）或任何其他營(yíng)銷平臺(tái)，甚至是Outlook上

Topol有150多個(gè)精美的、易于使用的模板，可重復(fù)使用的自定義塊和自定義HTML代碼，而且創(chuàng)建的模板可以下載為.zip文件，或?qū)С龅饺魏维F(xiàn)有的Topol賬戶。

Topol可以在14天內(nèi)免費(fèi)試用，如果想要使用付費(fèi)專業(yè)版，可以按每月10美元的價(jià)格升級(jí)到他們的月度會(huì)員計(jì)劃。

Unlayer

Unlayer Studio是一個(gè)免費(fèi)的電子郵件模板制作工具，具有簡(jiǎn)單、易掌握的特點(diǎn)，有很多現(xiàn)代的、專業(yè)的電子郵件模板可供選擇。

它有一個(gè)免費(fèi)的圖片庫(kù)和現(xiàn)成的模板，可以創(chuàng)建具有相關(guān)內(nèi)容的電子郵件，用戶可以從100多個(gè)基礎(chǔ)套件模板中選擇任何一個(gè)，然后按自己認(rèn)為合適的方式編輯模板。

Unlayer提供了一個(gè)模板管理器，你能夠用一個(gè)獨(dú)特的ID來(lái)創(chuàng)建和編輯你的模板。另外，你也可以在自己的服務(wù)器上保存模板，只需切換到JSON標(biāo)簽，然后保存到你的數(shù)據(jù)庫(kù)即可。

只需點(diǎn)擊幾下就可以下載你創(chuàng)建HTML模板，不需要編碼技能就可以創(chuàng)建自定義模板，可以按照各種郵件主題輕松找到需要編輯的電子郵件模板。

Unlayer studio的設(shè)計(jì)師會(huì)與ActiveCampaign、Constant contact、MailChimp等電子郵件服務(wù)提供商合作，如果你想將其與Gmail整合，該軟件還能讓你安裝免費(fèi)的Chrome擴(kuò)展。

http://Mosaico.io

Mosaico是一個(gè)開(kāi)源的電子郵件模板html構(gòu)建器，可以幫助用戶快速有效地創(chuàng)建電子郵件通訊。

Mosaico在其平臺(tái)上不提供任何預(yù)先設(shè)計(jì)的電子郵件模板，但你能夠以你認(rèn)為合適的方式來(lái)使用它，提供兩種布局：versafix-1和versafluid。

通過(guò)這種獨(dú)特的基于點(diǎn)擊的設(shè)計(jì)布局，你可以添加或刪除區(qū)塊，非常的靈活，還可以按原樣導(dǎo)出自己的圖片，并編輯郵件內(nèi)容。

你可以預(yù)覽你的郵件，發(fā)送測(cè)試郵件或簡(jiǎn)單地保存你的模板，雖然是個(gè)免費(fèi)工具，同樣提供相應(yīng)的社區(qū)技術(shù)支持。

總結(jié)

以上就是一些常用的在線拖放式電子郵件編輯器，可以幫助你更加快速的定制自己的專屬電子郵件模板。

這些電子郵件構(gòu)建器有高質(zhì)量的響應(yīng)式電子郵件模板、對(duì)各種設(shè)備有良好的兼容性、有精美的圖片和媒體庫(kù)，和一些電子郵件服務(wù)商也可以完美的兼容。

如果你是一個(gè)完全的電子郵件營(yíng)銷新手，而且不懂HTML代碼，也不用擔(dān)心，這些工具可以很好的幫助你完成想要的各種效果，使你的電子郵件營(yíng)銷效果更加完美。

首發(fā)創(chuàng)作賽#

MailKit 是一個(gè)跨平臺(tái)的電子郵件處理庫(kù)，支持發(fā)送和接收電子郵件。

C# .NET Core中使用MailKit處理電子郵件：

安裝MailKit NuGet包：

可以使用Visual Studio的NuGet包管理器或使用dotnet CLI來(lái)安裝它。

導(dǎo)入所需的命名空間：

using MailKit.Net.Smtp;
using MailKit.Security;
using MimeKit;

創(chuàng)建一個(gè)MimeMessage對(duì)象，并設(shè)置發(fā)件人、收件人、主題和正文等信息：

var message = new MimeMessage();
message.From.Add(new MailboxAddress("發(fā)件人名稱", "發(fā)件人郵箱"));
message.To.Add(new MailboxAddress("收件人名稱", "收件人郵箱"));
message.Subject = "郵件主題";

var bodyBuilder = new BodyBuilder();
bodyBuilder.TextBody = "郵件正文";
// 如果要發(fā)送HTML格式的郵件，可以使用以下代碼：
// bodyBuilder.HtmlBody = "<h1>郵件正文</h1>";

message.Body = bodyBuilder.ToMessageBody();

發(fā)送郵件，創(chuàng)建一個(gè)SmtpClient對(duì)象，并設(shè)置SMTP服務(wù)器和端口號(hào)：

using (var client = new SmtpClient())
{
    client.Connect("SMTP服務(wù)器地址", 端口號(hào), SecureSocketOptions.StartTls);
    // 如果SMTP服務(wù)器要求身份驗(yàn)證，請(qǐng)?zhí)峁┯脩裘兔艽a：
    client.Authenticate("用戶名", "密碼");

    // 發(fā)送郵件
    client.Send(message);

    client.Disconnect(true);
}

接收郵件，創(chuàng)建一個(gè)ImapClient對(duì)象，并連接到IMAP服務(wù)器：

using (var client = new ImapClient())
{
    client.Connect("IMAP服務(wù)器地址", 端口號(hào), SecureSocketOptions.StartTls);
    // 如果IMAP服務(wù)器要求身份驗(yàn)證，請(qǐng)?zhí)峁┯脩裘兔艽a：
    client.Authenticate("用戶名", "密碼");

    // 選擇收件箱
    client.Inbox.Open(FolderAccess.ReadOnly);

    // 獲取收件箱中的郵件數(shù)量
    int messageCount = client.Inbox.Count;

    // 遍歷收件箱中的郵件
    for (int i = 0; i < messageCount; i++)
    {
        var message = client.Inbox.GetMessage(i);

        // 處理郵件，例如打印主題和發(fā)件人
        Console.WriteLine("主題: " + message.Subject);
        Console.WriteLine("發(fā)件人: " + message.From);
    }

    client.Disconnect(true);
}

代碼中的"IMAP服務(wù)器地址"、端口號(hào)、"用戶名"和"密碼"應(yīng)替換為實(shí)際使用的IMAP服務(wù)器的相關(guān)信息。

這個(gè)簡(jiǎn)單示例演示了如何使用MailKit在C# .NET Core中發(fā)送和接收電子郵件。

在線咨詢

上一篇：HTML5(七)-SVG基礎(chǔ)入門
下一篇：僅使用 01 提示使用 ChatGPT 代碼解釋器進(jìn)行網(wǎng)頁(yè)抓取（分步教程）