HTML網頁代碼編輯格式

時間 2019-11-29

標籤 html 網頁代碼編輯格式欄目 HTML 简体版

原文原文鏈接

---恢復內容開始---javascript

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

2)加入鏈接：<a href="所要鏈接的相關地址">寫上你想寫的字</a>html

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

2)加入鏈接：<a href="所要鏈接的相關地址">寫上你想寫的字</a>shell

3)在新窗口打開鏈接：<a href="相關地址" target="_blank">寫上要寫的字</a>瀏覽器

消除鏈接的下劃線在新窗口打開鏈接：緩存

<a href="相關地址" style="text-decoration:none" target="_blank">寫上你想寫的字</a>服務器

4)移動字體(走馬燈)：<marquee>寫上你想寫的字</marquee>app

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。忽視右鍵

　或

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>

　參數解釋：

　 <SCRIPT LANGUAGE="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。簡單的頁面加密

<!--

　 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。讓瀏覽器在保存頁面時保存失敗

7。隨機替換圖片

　 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。窗口定時關閉

　先將以下代碼網頁文件的區：

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

　 </script>

　而後再在<body>標內加入如：<body onload="closeit()">

9。網頁自動關閉

　 <html>

　 <head>

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

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

　 </object>

　 </head>

　這個窗口會在10秒事後自動關閉,並且不會出現提示.

　 </body>

　 </html>

10。網頁自動刷新

　在head部記入

　其中20爲20秒後自動刷新，你能夠更改成任意值。

11。網頁自動轉頁

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

　 </div>

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

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

　 </div>

13。返回上一頁

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

14。關閉窗口

15。關於iframe的透明背景

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

　 allowTransparency="true"

　 style="background-color: green"></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;" 防止複製

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

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

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

23. 永遠都會帶着框架

if (window == top)top.location.href = "frames.htm"; //frames.htm爲框架網頁

// --></script>

24. 防止被人frame

<SCRIPT LANGUAGE=JAVASCRIPT><!--

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

// --></SCRIPT>

25. 網頁將不能被另存爲

26. 查看網頁源代碼

27.刪除時確認

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

function look(){

if(event.shiftKey)

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

}

document.onkeydown=look;

</script>

29. 網頁不會被緩存

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

30.怎樣讓表單沒有凹凸感？

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

31.不要滾動條?

讓豎條沒有:

</body>

讓橫條沒有:

</body>

兩個都去掉？更簡單了

</body>

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

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

</form>

34.在打開的子窗口刷新父窗口的代碼裏如何寫？

window.opener.location.reload()

35.如何設定打開頁面的大小

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

36.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動

<STYLE>

body

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

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

</STYLE>

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

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

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// --></script>

38. 得到一個窗口的大小

document.body.clientWidth; document.body.clientHeight

39. 怎麼判斷是不是字符

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

else alert("全是字符");

40.TEXTAREA自適應文字行數的多少

</textarea>

40.代碼含義:731 手機被設置爲不能訪問的特定ip

502:服務器錯誤

401網站被封

41. 日期減去天數等於第二個日期

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

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.腳本永不出錯

</SCRIPT>

44.ENTER鍵可讓光標移到下一個輸入框

45. 檢測某個網站的連接速度：

把以下代碼加入<body>區域中:

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=測試中

……> =》<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="連接超時"}

else

{document.forms[0]["txt"+b].value="時間"+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. 各類樣式的光標

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

4七、禁止鼠標右鍵，把Demo的圖片全都設爲表格的背景，表格的大小與圖片的大小同樣。這樣作看起來是同樣的，主要是防止鼠標通過圖片時會出現另存的按鈕。禁止鼠標右鍵的代碼很簡單：

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

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

</script>

4八、在網頁的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. 將完全屏蔽鼠標右鍵

<table border oncontextmenu=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. <input style="ime-mode:-Disabled"> 關閉輸入法

8. 永遠都會帶着框架

if (window == top)top.location.href = "frames.htm"; //frames.htm爲框架網頁

// --></script>

9. 防止被人frame

<SCRIPT LANGUAGE=javascript><!--

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

// --></SCRIPT>

10. 網頁將不能被另存爲

11. <input type=button value=查看網頁源代碼

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

12.刪除時確認

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

除</a>

13. 取得控件的絕對位置

//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. 光標是停在文本框文字的最後

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

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

r.collapse(true);

r.select();

}

</script>

15. 判斷上一頁的來源

javascript:

document.referrer

16. 最小化、最大化、關閉窗口

本例適用於IE

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

function look(){

if(event.shiftKey)

alert("禁止按Shift鍵!"; //能夠換成ALT　CTRL

}

document.onkeydown=look;

</script>

18. 網頁不會被緩存

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

19.怎樣讓表單沒有凹凸感？

或

<input type=text style="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.不要滾動條?

讓豎條沒有:

</body>

讓橫條沒有:

</body>

兩個都去掉？更簡單了

</body>

23.怎樣去掉圖片連接點擊後，圖片周圍的虛線？

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

</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. 檢查一段字符串是否全由數字組成

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

alert(checkNum("1232142141"

alert(checkNum("123214214a1"

// --></script>

29. 得到一個窗口的大小

document.body.clientWidth; document.body.clientHeight

30. 怎麼判斷是不是字符

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

else alert("全是字符";

31.TEXTAREA自適應文字行數的多少

</textarea>

32. 日期減去天數等於第二個日期

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

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.腳本永不出錯

<!-- Hide

function killErrors() {

return true;

}

window.onerror = killErrors;

// -->

</SCRIPT>

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

<input>

36. 檢測某個網站的連接速度：

把以下代碼加入<body>區域中:

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=測試中……> =》<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="連接超時"}

else

{document.forms[0]["txt"+b].value="時間"+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. 各類樣式的光標

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.頁面進入和退出的特效

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

推出頁面<meta http-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.在規定時間內跳轉

40.網頁是否被檢索

　　其中屬性值有如下一些:

　　屬性值爲"all": 文件將被檢索，且頁上連接可被查詢；

　　屬性值爲"none": 文件不被檢索，並且不查詢頁上的連接；

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

　　屬性值爲"follow": 查詢頁上的連接；

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

　　屬性值爲"nofollow": 文件不被檢索，但可查詢頁上的連接。

41.變換網頁的鼠標光標

42.怎樣實如今任務欄顯示小圖標的效果？ (要使用絕對地址)

有些站點，訪問時會在地址欄地址前顯出小圖標，添加到收藏夾後也在收藏欄中顯示圖標，

這樣很好的與其它站點有了區別。

要達到這個效果，先需作出這個圖標文件，圖像爲16*16像素，不要超過16色。文件格式爲ico，而後上傳至你的網站。

而後，在須要的頁面中，加上如下html語句到文件的<head>和</head>之間（假設以上ico文件的地址http://happyisland.126.com/icon.ico）。

若是訪問者的瀏覽器是IE5.0，就不需加任何代碼，只要將圖標文件上傳到網站的根目錄下便可。

1,META標籤裏的代碼是什麼意思？

<META>是放於<HEAD>與</HEAD>之間的標記.如下是我總結它在網頁中最多見的幾種。

該網頁的關鍵字，做用於搜索引擎的登陸，事實上它在如今的網站中並沒什麼用。

設定這是 HTML 文件及其編碼語系，簡體中文網頁使用charset=gb2312，繁體中文使用charset=big5，或者不設編碼也可，純英文網頁建議使用 iso-8859-1。

這隻表示該網頁由什麼編輯器寫的。

這行較爲實用，能於預約秒數內自動轉到指定網址。原代碼中 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>

<!--

BODY {

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

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

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

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

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

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

scrollbar-track-color:#99CC33;

scrollbar-3dlight-color:#A8CBF1;

}

-->

</style>

//如下是其它的網頁的代碼

在這我補充幾點：

1.讓瀏覽器窗口永遠都不出現滾動條。

2，沒有水平滾動條

3，沒有垂直滾動條

3,如何給圖片抖動怎作的.

<!--

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中沒有此項設置，你只能在HTML中加入代碼：<hr color=red noshade>按F12的預覽在能看到。因爲在NC中不支持<hr>的COLOR屬性，因此在DW中沒有此項設置。

5，如何在網頁中實現flash的全屏播放？

只要在調用swf文件的HTML中將WIDTH和HEIGHT的參數設爲100％便可，固然也能夠在Flash導出HTML文件的設置中進行設置，方法是：打開File菜單；選Publish Settings彈出導出設置對話框；在HTML標籤下的Dimensions選項,下拉後選中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，出現編輯對話框,在左邊最後一項extensions-cursor 選擇你要改的指針形式就能夠了，而後把你要想改變的地方運用樣式表，若是整頁都有在<body bgcolor="#003063" text="#ffffff" id=h。

這裏選擇（文本）做爲對象，還能夠本身改成其餘的，如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作郵票，看看吧！

13，常常上網的朋友可能會到過這樣一些網站，一進入首頁馬上會彈出一個窗口，怎麼作呢！

這javascript代碼便可實現，摘錄藍色論壇。

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

其實代碼很是簡單：

<!--

window.open (`page.html`)

-->

</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>也能夠，越前越早執行，尤爲是頁面代碼長，又想使頁面早點彈出就儘可能往前放。

【二、通過設置後的彈出窗口】

下面再說一說彈出窗口的設置。只要再往上面的代碼中加一點東西就能夠了。

咱們來定製這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應該頁面的具體狀況。

<!--

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>

參數解釋：

<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腳本結束

【三、用函數控制彈出窗口】

下面是一個完整的代碼。

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

…任意的頁面內容…

</body>

</html>

這裏定義了一個函數openwin(),函數內容就是打開一個窗口。在調用它以前沒有任何用途。

怎麼調用呢？

方法一：<body> 瀏覽器讀頁面時彈出窗口；

方法二：<body> 瀏覽器離開頁面時彈出窗口；

方法三：用一個鏈接調用：

<a href="#">打開一個窗口</a>

注意：使用的「#」是虛鏈接。

方法四：用一個按鈕調用：

14，沒有用表格寫的，讓你們隨便看看，沒什麼。

<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>瑤池昨夜新涼　　王金嶺

<p>一朵白蓮隨意開　吳冠南

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

<p>十里荷香　　　　齊辛民

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

</div>

</body>

</html>

15,IE6已支持自定義cursor!

語法格式 cursor:url(圖標) //cur或是ani文件.

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

ani是WINDOWS中的動畫光標（圖標）文件。

<!--

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

-->

</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=# //移動的速度

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:\\Program Files\\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控件效果。

代碼以下：

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,雙擊鼠標左鍵來滾動背景，單擊中止。

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,如何在同一頁面設置不一樣文字連接效果的樣式.

代碼以下：

<HTML><HEAD><TITLE>如何在同一頁面設置不一樣文字連接效果的樣式</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>

補充說明：

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,如何給作帶顏色的下拉菜單。

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

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

28,自動顯示主頁最後更新日期.

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

</script>愛電臺有我

29,如何讓滾動條出如今左邊？

我想竟然在論壇中有人發表了這段代碼，頗有意思，它的確照顧一些左撇子，呵呵！

<tr>

<td bgcolor="#FF0000" >是否是你的滾動條在左邊啊</td>

</tr>

</table>

</body>

</html>

30,如何加入網址前面的小圖標？

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

31,在800*600顯示器中，如何不讓網頁水平出現滾動條！

設至<body leftmargin="0" topmargin="0">，網頁中的表格寬度爲778。

32,關於<!DOTYPE>的說明解釋。

在網頁中，常常會看到〈!DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`>，是聲明HTML文件的版本信息。

33, 用圖片來關閉窗體.

補充說明：如何使用了ACTIVEX！,再也不警告窗口？

<html>

<head>

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

</head>

<body bgcolor="#003063" text="#ffffff" id=all> <a href="#">關閉窗口無提示</a>

</body>

</html>

34,禁止鼠標右鍵查看網頁源代碼。

function click()

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

document.onmousedown=click

</SCRIPT>

補充說明：

鼠標徹底被封鎖,能夠屏蔽鼠標右鍵和網頁文字。

< body>

35,經過按鈕來查看網頁源代碼。

36,怎麼用文字聯結實現按鈕的SUBMIT功能？

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

37,如何作一個空連接？

加#

38,利用<IFRAME>來給網頁中插入網頁。

　　常常我看到不少網頁中又有一個網頁，還覺得是用了框架，其實否則，是用了<IFRAME>,它只適用於IE，NS但是不支持<IFRAME>的，但圍着的字句只有在瀏覽器不支援 iframe 標記時纔會顯示，如<noframes>同樣，能夠放些提醒字句之類的話。

你注意啊！下面請和我學習它的用法。

分析代碼：<iframe src="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用法聽說是增強對錶格的控制能力的.例如：

　　tbody代碼若是不是你用手寫的話,只有在你用IE5打開一個網頁的時候，把它另存爲

一下，你的另存爲的文件在表格中就會生成tbody代碼。(即使你的表格根本就沒有

tbody代碼，IE5另存爲的時候也會給你生成)。

40,Alt和Title都是提示性語言標籤，請注意它們之間的區別。

　　在咱們瀏覽網頁時，當鼠標停留在圖片對象或文字連接上時，在鼠標的右下角有時會出現一個提示信息框。對目標進行必定的註釋說明。在一些場合，它的做用是很重要的。

alt 用來給圖片來提示的。Title用來給連接文字或普通文字提示的。

用法以下：

補充知識：<TITLE><ALT>裏面如何多行換行？在源代碼裏Enter回車。

<a href="#" Title="我的簡歷

姓名：novy

網名：novy

性別：男的，不是女的。

愛好：網頁製做，軟件開發">我的簡歷</a>

例如：我的簡歷

41, 用javascript代碼來實現閃爍按鈕。

<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,打開原代碼窗口，在</object>前輸入:<param name="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的一個像素圖文件。

代碼中：

<tr>

</tr>

</table>

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

<tr>

</tr>

</table>

第三種方法：用水平條。

48, 關於鼠標拖動,改變層大小。──看看微軟的作法.

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

</script>

<DIV>

</DIV>

---恢復內容結束---

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。