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

编程问答

制作网页过程中，经常用到的代码

發布時間：2024/1/1 编程问答 35 豆豆

生活随笔收集整理的這篇文章主要介紹了制作网页过程中，经常用到的代码小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1. 如何在網頁中加入注釋?
◆代碼：< !-- 這是注釋 -->?

2. 如何在網頁中加入EMAIL鏈接并顯示預定的主題?
◆代碼：< a href="mailto:yourmail@xxx.xxx?Subject=你好">Send Mail< /a>?

3. 如何制作電子郵件表單?
◆在<form>中輸入Action="youremail@XXX.XXX" ，提交采用POST方法。?

4. 如何避免別人將你的網頁放入他的框架（FRAME）中?
◆在源代碼中的<HEAD>…< /HEAD>之間加入如下代碼：?
<script language="javascript">< /script>?

5. 如何自動加入最后修改日期?
◆在源代碼中的<BODY>…< /BODY>之間加入如下代碼：?
< Script Language="javascript">< /Script>?

6. 如何讓背景圖象不滾動?
◆代碼：<BODY Background="bg.gif" Bgproperties="fixed" >?
◆在Dreamweaver中用「Text」-「Custom style」-「Edit style Sheet」-「New」-Redefine HTML Tag中選擇Body，然后在Background中的Attachment里選fixed?

7. 如何將網頁定時關閉?
◆在源代碼中的<BODY>后面加入如下代碼：?
< script LANGUAGE="javascript">  < /script>?
在代碼中的60000表示1分鐘，它是以毫秒為單位的。?

8. 將網頁加入收藏夾?
◆請使用如下代碼：（注意標點符號）?
< a href='#' οnclick="window.external.addFavorite('http://hxsd.126.com','【火星時代】hxsd.126.com 各種網頁工具教程DW、FLASH、FIREWORKS及CGI教學、聊天交友……')" target="_top">將本站加入收藏夾< /a>?

9. 如何定義網頁的關鍵字(KeyWords)?
◆格式如下：?
< meta name="keywords" content="dreamweaver,flash,fireworks">?
content中的即為關鍵字，用逗號隔開?
◆在Dreamweaver中用「Insert」-「Head」-KeyWords命令?

10. 如何設置命令來關閉打開的窗口?
◆在源代碼中加入如下代碼：?
< a href="/" οnclick="javascript:window.close(); return false;">關閉窗口< /a>?

11. 如何在網頁中加入書簽，在頁面內任意跳轉?
◆在源代碼中需要插入書簽的地方輸入，在調用的地方輸入Top，其中的top是你設定的書簽名字。?
◆在Dreamweaver中用菜單的「Insert」-「Name Anchor」命令插入書簽，調用時，在Link中輸入#top，top為書簽名。?

12. 如何為不支持框架的瀏覽器指定內容?
◆在源代碼中加入下面代碼：?
< BODY><noframes>本網頁有框架結構，請下載新的瀏覽器觀看< /noframes></ BODY>?

13. 如何在網頁中加入單個或幾個空格?
◆在源代碼中輸入，每個之間請用空格分開。?
◆在Dreamweaver中用<CTRL>+<SHIFT>+<SPACE>插入空格或任輸幾個字符，然后將其色彩設成背景的色彩！?

14. 如何在網頁中加入書簽，在多個頁面之間任意跳轉?
◆方法與上面類似，不過做鏈接時要在書簽名前加上網頁文件名，如：other.htm#top，這樣一來就會跳轉到other.htm頁面中的top書簽處。?

15. 如何使表格（TABLE）沒有邊框線?
◆將表格的邊框屬性：border="0"?

16. 如何隱藏狀態欄里出現的LINK信息?
◆請使用如下代碼：?
< a href="http://hxsd.126.com";;; onmouseOver="window.status='none'return true">火星時代< /a>?

17. 如何定時載入另一個網頁內容?
◆在源代碼中的<HEAD>…< /HEAD> 加入如下代碼：?
< meta http-equiv="refresh" content="40;URL=http://hxsd.126.com">?
40秒后將自動載入http://hxsd.126.com所在的網頁?

18. 如何為網頁設置背景音樂?
◆代碼：< EMBED src="music.mid" autostart="true" loop="2" width="80" height="30" >?
src：音樂文件的路徑及文件名；?
autostart：true為音樂文件上傳完后自動開始播放，默認為false（否）?
loop：true為無限次重播，false為不重播，某一具體值（整數）為重播多少次?
volume：取值范圍為"0-100"，設置音量，默認為系統本身的音量?
starttime："分：秒"，設置歌曲開始播放的時間，如，starttime="00:10"，從第10開始播放?
endtime： "分：秒"，設置歌曲結束播放的時間?
width：控制面板的寬?
height：控制面板的高?
controls：控制面板的外觀?
controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever"?
console：正常大小的面板?
smallconsole：較小的面板?
playbutton：顯示播放按鈕?
pausebutton：顯示暫停按鈕?
stopbutton：顯示停止按鈕?
volumelever：顯示音量調節按鈕?
hidden：為true時可以隱藏面板?

19. 如何去掉鏈接的下劃線?
◆在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼：?
<style type="text/css">  < /style>?
◆在Dreamweaver中用「Text」-「Custom style」-「Edit style Sheet」-「New」-Redefine HTML Tag中選擇a，然后在decoration中選中none?

20. timeline中的layer走曲線?
◆要使得timeline中的layer走曲線，你得先讓他走出直線來，然后在最后一frame和第一frame中間的任何一frame上點右鍵，可以看到有個 add keyframe ，點一下，然后把你的layer移動到你要的位置，dw會自動生成曲線，ok！

21. 打開自定義大小窗口
◆在head中添加代碼： <script language="JavaScript" type="text/JavaScript">
function open1(url)
{
var x,y;
x=window.event.screenX-8;
y=window.event.screenY-50;?
var ss;
ss="Left=" + x + ",Top=" + y + ",Height=100,width=100,toolbar=no,scrollbars=yes";

window.open(url,"",ss);
}
</script>

*如果是打開兩個不互相替換的窗口則添加一個不同名字的function即可，例如：
<script language="JavaScript" type="text/JavaScript">
function open1(url)
{
var x,y;
x=window.event.screenX-8;
y=window.event.screenY-50;

var ss;
ss="Left=" + x + ",Top=" + y + ",Height=100,width=100,toolbar=no,scrollbars=yes";

window.open(url,"",ss);
}
function open2(url)
{
var x,y;
x=window.event.screenX-8;
y=window.event.screenY-50;

var ss;
ss="Left=" + x + ",Top=" + y + ",Height=100,width=100,toolbar=no,scrollbars=yes";

window.open(url,"",ss);
}
</script>
然后在下面要連接的地方寫如下代碼：
<A href="#"
οnclick="open1('路徑/連接1.htm')">連接1</A>?
<A href="#"
οnclick="open2('路徑/連接2.htm')">連接2</A>

如是點擊Flash按鈕，則在顯示頁的HEAD中寫
<script language="JavaScript">?
function openNewWindow(URLtoOpen, windowName, windowFeatures) { newWindow=window.open(URLtoOpen, windowName, windowFeatures); }?
</script>

在flash 的按鈕上寫
on (press) {
getURL("javascript:openNewWindow(要打開的頁名.htm','words','height=446,width=720,toolbar=no,scrollbars=no')";);
}?
22、打開一個沒有最大化、最小化，只有關閉按鈕的窗口

◆復制代碼到head中

<script>

function modelesswin(url,mwidth,mheight){
if (document.all&&window.print) //if ie5
eval('window.showModelessDialog(url,"","help:0;resizable:1;dialogWidth:'+mwidth+'px;dialogHeight:'+mheight+'px";)')
else
eval('window.open(url,"","width='+mwidth+'px,height='+mheight+'px,resizable=1,scrollbars=1";)')
}

//configure URL and window dimensions (width/height)
modelesswin("http://google.com",600,600)

//To load via link, use something like below:
//<a href="javascript:modelesswin('http://yahoo.com',600,400)">Click here</a>
</script>?

?23、直接點擊鏈接關閉窗口

舉個例子比較方便理解````

◆<SCRIPT language=JavaScript>
function shutwin(){
window.close();
return;}
</SCRIPT>

<P align=center><A href="javascript:shutwin();">關閉本窗口</A></P></BODY></HTML>
24、彈啟一個全屏窗口
◆window.open('http://www.hxsd.com','example01','fullscreen')

<html>
<body οnlοad="window.open('?http://www.hxsd.com','example01','fullscreen');">
<b>www.hxsd.com</b>
</body>
</html>

hoho~~~好像觸摸屏

25、彈啟一個被F11化后的窗口
◆window.open('http://www.hxsd.com','example02','channelmode')?

<html>
<body οnlοad="window.open('?http://www.hxsd.com','example02','channelmode');">
<b>www.hxsd.com</b>
</body>
</html>

26、彈啟一個帶有收藏鏈接工具欄的窗口
◆window.open('http://www.hxsd.com','example03','width=400,height=300,directories')?

<html>
<body οnlοad="window.open('http://www.hxsd.com','example03','width=400,height=300,directories');">
<b>www.hxsd.com</b>
</body>
</html>?

27. 在打開頁面同時彈出無邊框全屏窗口
◆ 加入到< body>和< /body>之間
<script>

var tmp=window.open("about:blank","",

"fullscreen=1")

tm　
p.moveTo(100,100)

tmp.resizeTo(600,400)

tmp.focus()

tmp.location="http://hxsd.com（要打開的窗口頁文件）"

</script>?
28. 鼠標移動到圖片上圖片漸顯效果?
◆在<head>到</head>之間插入如下的JAVASCRIPT代碼：
<script>
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){?
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>?
在要插入的圖片添加如下代碼：
<img onMouseOut=nereidFade(this,50,10,4) onMouseOver=nereidFade(this,100,10,4) style="FILTER: alpha(opacity=50)" src="圖片名">?

*其中onMouseOver=nereidFade(this,50,10,4)中 style="FILTER: alpha(opacity=50)"表示圖片的透明度為50%?

29. 背景色漸變

例子：

◆復制下面的代碼到的 html 文件的 <head> 和 </head> 之間：

?

1 <script language="JavaScript"> 2  130 </script>

用<body οnlοad="disco()">替換原有的<BODY.>

使用說明：通過修改中的紅色字你可以修改你的初始顏色；RGB顏色值?

31. 表格的分隔線可以隱藏
◆<table border rules=cols cellspacing=0 align=left> 可以隱藏橫向的分隔線

<table border rules=rows cellspacing=0 align=right>可以隱藏縱向的分隔線

<table border rules=none cellspacing=0 align=center>可以隱藏橫向和縱向的分隔線

32. 表格的分隔線閃爍
◆在BODY區加上

<table border="0" width="280" id="myexample"?
style="border:5px solid yellow">?

<tr>?

<td>加入任意的物件.加入任意的物件.?

<br>加入任意的物件.加入任意的物件.?

<br>加入任意的物件.加入任意的物件.</td>?

</tr>?

</table>?

<script language="JavaScript1.2">?

?

</script>?

33. 背景音樂可以控制
◆放在 <BODY> 和 </BODY> 之間
<EMBED SRC="001.mid" WIDTH=145　HEIGHT=60>

就會出現一個控制面版讓你播放音樂，如果要把音樂當作背景音樂來用，也就是不要顯示控制面板。而且一進入畫面就要播放，然后一直重復。就要這樣寫?
<EMBED src="ch35.mid" autostart="true" loop="2" width="80" height="30">

關于embed還有很多屬性

autostart：true為音樂文件上傳完后自動開始播放，默認為false（否）?
loop：true為無限次重播，false為不重播，某一具體值（整數）為重播多少次?
volume：取值范圍為"0-100"，設置音量，默認為系統本身的音量?
starttime："分：秒"，設置歌曲開始播放的時間，如，starttime="00:10"，從第10開始播放?
endtime： "分：秒"，設置歌曲結束播放的時間?
width：控制面板的寬?
height：控制面板的高?
controls：控制面板的外觀?
controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever"?
console：正常大小的面板?
smallconsole：較小的面板?
playbutton：顯示播放按鈕?
pausebutton：顯示暫停按鈕?
stopbutton：顯示停止按鈕?
volumelever：顯示音量調節按鈕?
hidden：為true時可以隱藏面板?

34. 自適應圖片大小的彈出窗口
◆實現此功能的最簡單作法是用以下HTML代碼創建一個圖像鏈接：
　　<a href="fullsize.jpg" target="_blank"><img src="small.jpg"></a>?
　　其中<a>標記的href屬性指定全尺寸圖片的URL，target屬性設置為_blank指定在新窗口中顯示該圖片；<img>標記的src屬性指定縮略圖的URL。

　　如果想對顯示全尺寸圖片的窗口的外觀進行某些控制（比如希望彈出窗口的高度、寬度能與全尺寸圖片的大小匹配時），則可調用 window.open 方法，該方法接收三個參數，分別指定要打開文件的URL，窗口名及窗口特性，在窗口特性參數中可指定窗口的高度、寬度，是否顯示菜單欄、工具欄等。以下代碼將顯示全尺寸圖片在一個沒有工具欄、地址欄、狀態欄、菜單欄，寬、高分別為400、350的窗口中：
<a href="fullsize.jpg" onClick="window.open(this.href,'', 'height=350,width=400,toolbar=no,location=no,status=no,menubar=no');return false"><img src="small.jpg"></a>

　　如果所有全尺寸圖片都具有統一的大小（比如都是400x350），那么以上代碼適用于所有的縮略圖片鏈接（只是href屬性指向的全尺寸圖片文件不同）。但如果全尺寸圖片的大小并不統一，還用以上代碼則我們需要先取得每幅全尺寸圖片的大小，然后在window.open方法的窗口特性參數中一一設置height和width為正確的值，在圖片數量較多的情況下，這顯然效率太低了。可以使用 DHTML 中的 Image 對象來達到目的，Image 對象可動態裝載指定的圖片，通過讀取其 width 和 height 屬性即能獲得裝入圖片的大小，以此來設置彈出窗口的大小，即可實現自適應圖片大小的彈出窗口了。下面即是實現代碼:
<script language="JavaScript" type="text/JavaScript">

</script>

　　使用時將上面的代碼放在網頁文檔的<head></head>標記對中，然后在鏈接的點擊事件中調用OpenFullSizeWindow函數，如<a href="fullsize.jpg" onClick="OpenFullSizeWindow(this.href,'','');return false"><img src="small.jpg"></a>即可。
　　以上代碼在IE 5.x－6.0中測試通過：）?

35.時間日期代碼

001說明數字化的時鐘?
效果現在時刻：0:12:31?

<span id="liveclock" style"=width: 109px; height: 15px"></span>
<SCRIPT language=javascript>
function www_helpor_net()
{
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()

if(minutes<=9)
minutes="0"+minutes
if(seconds<=9)
seconds="0"+seconds
myclock="現在時刻：<font size='5' face='Arial black'>"+hours+":"+minutes+":"+seconds+"</font>"
if(document.layers){document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else if(document.all)
liveclock.innerHTML=myclock
setTimeout("www_helpor_net()",1000)
}
www_helpor_net();
//-->
</SCRIPT>

002說明六種風格時間顯示,一定有你喜歡的！?
效果風格一: 星期三,4月21日,2004年?
風格二: 0:12:45上午?
風格三: 星期三,4月21日,2004年 0:12:45上午?
風格四: 4/21/04?
風格五: 0:12:45?
風格六: Wed Apr 21 00:12:45 UTC+0800 2004?

<SCRIPT language="javascript">

</SCRIPT>

003說明顯示他人在頁面停留的時間，而且可以作出提醒?
效果您在本站逗留了?

您在本站逗留了<input type="text" name="helpor_net" size="15" style="border: 0 ">
<SCRIPT language="javascript">


</SCRIPT>

004說明這個時鐘是有影子的，而且還在不停地走著呢?
效果 00:14:3300:14:33?

<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:'Arial black';color:#cccccc;font-size:20px;top:50px;left:173px"></div>
<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:'Arial black';color:#000000;font-size:20px;top:48px;left:170px"></div>
<div id="mainbody" style="position:absolute; visibility:visible">
</div>
<script language=javaScript>

</script>

005說明年月日都是用全中文顯示?
效果公元二零零三年四月二十一日?

<script language="JavaScript">

</script>

006美女時鐘
</SPAN><SPAN id=_ctl0__ctl10_lblContent style="TABLE-LAYOUT: fixed; FONT-SIZE: 14px; WORD-BREAK: break-all; LINE-HEIGHT: 150%"><EMBED src=http://www.twinsbbs.com/swf/clock.swf type=application/x-shockwave-flash></EMBED></SPAN></TD> </TR></TABLE>
<SCRIPT language=javascript>

</SCRIPT>
<BR>
<TABLE width="100%">
<TBODY>
<TR>
<TD></TD></TR>
<TR>
<TD></TD></TR></TBODY></TABLE>?

36防止別人復制

在模板header.html??的<head></head>中加入

??CODE: [Copy to clipboard]? ?

<script type="text/javascript" language="javascript">

</script>?

其實，就是很簡單的一個java腳本程序，屏蔽鼠標右鍵。
對java支持不好的瀏覽器例如Firefox，就不吃這套。但對IE管用。

<script type="text/javascript" language="javascript">

</script>?

36.鼠標經過箭頭時,圖片會向左或向右橫向移動!

<head>
<SCRIPT language=JavaScript type=text/JavaScript>

</SCRIPT>
</head>

<body οnlοad="init()">
<TABLE cellSpacing=1 width=660 align=center border=0>
<TR bgColor=#f8f8f8>
<TD align=middle width=25><IMG?
? ?? ?src="http://www.webjx.com/upfiles/20050905/20050905085723_left.gif" border=0 οnmοuseοut=StopScroll() οnmοuseοver=Left() style="CURSOR: pointer"></TD>
? ? <TD>
? ?? ?<DIV id=marquees>
? ?? ?<TABLE border=0><TR>

<TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG class="imgframe"?

src='http://www.webjx.com/img/200406301.jpg' border=0></td>
</tr><tr><td><div align="center">第1期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG?

class=imgframe src='http://www.webjx.com/img/200406302.jpg' border=0></td>
</tr><tr><td><div align="center">第2期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG?

class=imgframe src='http://www.webjx.com/img/200406303.jpg' border=0></td>
</tr><tr><td><div align="center">第1期 </div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG?

class=imgframe src='http://www.webjx.com/img/200406304.jpg' border=0></td>
</tr><tr><td><div align="center">第1期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG?

class=imgframe src='http://www.webjx.com/img/200406305.jpg' border=0></td>
</tr><tr><td><div align="center">第2期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG?

class=imgframe src='http://www.webjx.com/img/200406304.jpg' border=0></td>
</tr><tr><td><div align="center">第3期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG?

class=imgframe src='http://www.webjx.com/img/200406305.jpg' border=0></td>
</tr><tr><td><div align="center">第4期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG?

class=imgframe src='http://www.webjx.com/img/200406302.jpg' border=0></td>
</tr><tr><td><div align="center">第5期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG?

class=imgframe src='http://www.webjx.com/img/200406301.jpg' border=0></td>
</tr><tr><td><div align="center">第6期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><IMG?

class=imgframe src='http://www.webjx.com/img/200406303.jpg' border=0></td>
</tr><tr><td><div align="center">第7期</div></td>
</tr></table></TD>? ?? ?
</TR></TABLE></DIV>
<DIV id=templayer style="LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px"></DIV></TD>
<TD align=middle width=25><IMG?
? ?? ?src="http://www.webjx.com/upfiles/20050905/20050905085729_right.gif" border=0 οnmοuseοut=StopScroll() οnmοuseοver=Right() style="CURSOR: pointer"></TD>
</TR></TABLE>
</body>?

37.幾行代碼輕松搞定網頁的簡繁轉換?
對網頁進行簡繁字體轉換的方法一般有兩種：一是使用《簡繁通》這樣的專業軟件，另外一種是制作兩套版本的網頁。顯然，這兩種方法都較為麻煩，而且專業軟件一般不能用于免費的空間。筆者在這里給大家提供一個非常簡單的方法，只須在頁面上添加幾行代碼就可以輕松搞定網頁的簡繁轉換了。

首先在http://www.knowsky.com/download/transform.js處下載用于簡繁轉換的js文件transform.js，復制到網站目錄下，然后使用網頁制作工具打開需要進行簡繁轉換的網頁，在代碼中的加入如下代碼：

<script type=“text/javascript” language=“javascript” src=“transform.js”></script>

<script type=“text/javascript” language=“javascript”>

function s2t()

{document.body.innerHTML = document.body.innerHTML.s2t();}

function t2s()

{document.body.innerHTML = document.body.innerHTML.t2s();}

</script>

然后在網頁的適當位置添加簡繁轉換鏈接：<a href=“javascript:s2t()”>繁體中文</a> <a href=“javascript:t2s()”>簡體中文</a>

保存頁面后，點擊“繁體中文”鏈接，頁面就會成繁體，點擊“簡體中文”就會自動轉換為簡體形式，方便不同用戶的選擇瀏覽了。

提示：這種方法不僅適用于靜態網站還可以用在論壇、留言板等動態網站系統中。?

38.讓彈出窗口總是在最上面:?
<body οnblur="this.focus();">?

打開固定大小的窗口
<a href="#" onClick="window.open('XXXX.htm', 'popUpWin', 'width=XXX,height=XXX,left=XXX,top=XXX');"?
相關帖子　http://bbs.hxsd.com.cn/post/view ... mp;tpg=1&age=30

最小化、最大化、關閉窗口?
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">?
<param name="Command" value="Minimize"></object>?
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">?
<param name="Command" value="Maximize"></object>?
<OBJECT id=hh3 classid="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?

一次鏈接到兩個網頁
如果你要想一次在不同的框架頁中打開文檔，可以使用“Go To URL”JavaScript 行為。打開一個有框架的網頁，選擇文字或圖像，然后從行為面板中選擇“Go To URL”。你會注意到Dreamweaver會在“Go To URL”對話框中顯示所有可用的框架。選擇其中一個你想鏈接的框架并輸入相應的URL后再選擇另一個框架并輸入另一個URL。?

40.玩轉網頁滾動條?
幾乎所有網頁的滾動條都是默認的灰色，如果把它的顏色換換，來點另類的，相信一定會使網頁更加靚麗。我們只要在網頁代碼<head> </head>之間插入下面的代碼，即可隨心所欲地更改顏色了。

<style>
body {SCROLLBAR-FACE-COLOR:#3333FF;(立體滾動條凸出部分的顏色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滾動條空白部分的顏色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立體滾動條陰影的顏色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按鈕上三角箭頭的顏色)
SCROLLBAR-BASE-COLOR:#333333; (滾動條的基本顏色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立體滾動條強陰影的顏色)
</style>?

　　后面的16位顏色值你可以隨意更改，括號內是解釋說明，在輸入時請不要插入。

　　隱藏滾動條

　　在任何情況下，如果網頁超出顯示范圍，就會出現滾動條。但有時我們并不想讓它顯示，如何隱藏它呢？只需在<body> </body>之間插入代碼：<body style="overflow-x:hidden;overflow-y:hidden">即可。其中x表示水平滾動條，將其改為y的話就可以隱藏垂直滾動條。

　　滾屏顯示

　　當網頁中有長篇文章時，瀏覽起來就比較吃勁了，想想一邊忙著拖動滾動條，一邊忙著瀏覽，確實挺累人的。為了客人能夠輕松的瀏覽，我們可以使用script代碼實現網頁的自動滾屏，當雙擊網頁的時候，網頁將會自動向下滾動，再次單擊時滾動停止。將下面的代碼插入到<body> </body>之間。

<script language"javascript">
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.οnmοusedοwn=sc?
document.οndblclick=initialize
</script>?

46、[圖片特效]黑白圖片漸變彩色

以下代碼放在<body>與</body>之間

<SCRIPT>
function doTrans(filterCode)?
{
imgObj.filters[0].apply();
oImg.style.filter = filterCode
imgObj.filters[0].play();
}
</SCRIPT>

<SPAN id=imgObj?
οnmοuseleave='doTrans("gray";)'?
style="FILTER: progidXImageTransform.Microsoft.Fade(Overlap=1.00); WIDTH: 1px"?
οnmοuseenter='doTrans("";)'>
<IMG id=oImg style="FILTER: gray" src="圖像.gif">?
</SPAN>

? ? 說明：將圖像.gif 換成您需要特效的圖片地址即可。

47、插入QQ美妙的電臺

<DIV style="LEFT: 0px; VISIBILITY: hidden; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 0px"><IMG height=0 src="http://ping.qq.com/ping?u=http://listen.qq.com/player/web_play.htm#&r=" width=0></DIV>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#2f86c9><IMG height=1 src="http://listen.qq.com/images/spacer.gif" width=1></TD></TR>
<TR>
<TD align=middle bgColor=#57a8e6 height=24>
<TABLE cellSpacing=0 cellPadding=0 width=680 border=0>
<TBODY>
<TR>
<TD align=middle width=140>
<TABLE cellSpacing=0 cellPadding=0 width=116 border=0>
<OBJECT id=media codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading type=application/x-oleobject height=0 width=0 classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 Microsoft?

……

48、加入計數器

網絡上有許多免費的計數器，樣式五花八門，這里選擇了xcinfo.ha.cn提供的計數器，免費注冊后即可獲取代碼，具體代碼如下：

<script src="http://www.xcinfo.ha.cn/jsq/default.asp?User=yuanxz&Length=8&x=20&y=27&Mode=059"></script>

其中User是注冊的用戶名，長度為計數器的顯示長度，xy是計數器數字的大小，Mode是計數器的樣式，具體樣式信息可以在網站上瀏覽得到。

49、加入Google搜索工具

添加Google搜索工具，具體代碼如下：
<input type=text id=txtQ size=10>
<img src="http://www.google.com/logos/Logo_25wht.gif"?
border="0" alt="Google" align="absmiddle" οnclick="self.open('http://www.google.com/search?&hl=zh-CN&q='+txtQ.value,'goog');"><br>

也可使用Google站點提供的代碼：


<FORM method=GET action="http://www.google.com/search">
<INPUT TYPE=hidden name=ie value=GB2312>
<INPUT TYPE=hidden name=oe value=GB2312>
<INPUT TYPE=hidden name="hl" value="zh-CN">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"?
border="0" ALT="Google"></A>
</td>
<td>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=submit name=btnG VALUE="Google Search">
<font size=-1>
<INPUT TYPE=hidden name=domains value="YOUR DOMAIN NAME"><br>
<INPUT TYPE=radio name=sitesearch value=""> 搜索WWW?
<INPUT TYPE=radio name=sitesearch value="http://blog.csdn.net/yuanxz" checked> 搜索我的網站<br>
</font>
</td></tr></TABLE>
</FORM>
?

50、添加“天氣預報”功能

<p><b>今日天氣</b><br>
<center><iframe width=157 height=240 frameborder=0 scrolling=NO src='http://appnews.qq.com/cgi-bin/news_qq_search?city='></iframe></center>

51、增加flash精美時鐘

發現了很多絢麗的FLASH鐘表,免費,沒有廣告的可以使用,顏色也可選擇,安裝也方便。

你可以預覽后選擇自己喜歡的。

刻度時鐘：
<EMBED SRC=http://www.butabon.com/Clock/clock_038.swf WIDTH=150 HEIGHT=150 wmode=transparent quality=high loop=true menu=false>
其中的http://www.butabon.com/Clock/clock_038.swf是時鐘的flash地址，可以在IE中預覽，其中的038可以替換成000-039之間或者051-059之間的任何一個數字(全看個人喜好，呵呵)

數字時鐘：

第一種風格：
<EMBED SRC=http://www.butabon.com/Clock/digiwide019.swf WIDTH=150 HEIGHT=15 wmode=transparent quality=high loop=true menu=false>
其中的http://www.butabon.com/Clock/digiwide019.swf同樣是時鐘的flash地址，可以在IE中預覽，其中的019可以替換成000-019之間之間的任何一個數字(同樣全看個人喜好，呵呵)

第二種風格：
<EMBED SRC=http://www.butabon.com/Clock/digital_019.swf WIDTH=150 HEIGHT=90 wmode=transparent quality=high loop=true menu=false>
其中的http://www.butabon.com/Clock/digital_019.swf同樣是時鐘的flash地址，可以在IE中預覽，其中的019可以替換成000-019之間之間的任何一個你可以在IE中可以成功預覽的數字(請自己測試)。

52、添加“狀態欄文本”功能?
<script language=java-script>
var MESSAGE="歡迎您親自光臨藍色夢想BLOG "
var POSITION=100
var DELAY=10
var scroll=new statusMessageObject()
function statusMessageObject(p,d)
{
this.msg =MESSAGE
this.out =" "
this.pos =POSITION
this.delay=DELAY
this.i=0
this.reset=clearMessage
}
function clearMessage()
{
this.pos=POSITION
}
function scroller()
{
for (scroll.i=0;scroll.i<scroll.pos;scroll.i++){
scroll.out += " "}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out=scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status=scroll.out
scroll.out=" "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()}
setTimeout('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position)
{
var msg = scroll.msg
var out = ""
for(var i=0; i<position; i++)?
{
out+= msg.charAt(i)
}
for(i=1;i<jumpSpaces;i++)?
{
out += " "
}
out+=msg.charAt(position)
window.status = out
if(jumpSpaces <= 1)
{
position++
if(msg.charAt(position) == ' ')?
{
position++
}
jumpSpaces = 100-position
}
else if (jumpSpaces > 3)
{
jumpSpaces *= .75
}
else
{
jumpSpaces--
}
if(position != msg.length)
{
var cmd = "snapIn(" + jumpSpaces + "," + position + "";
scrollID = window.setTimeout(cmd,scroll.delay);
}
else
{
window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + "," + position + "";
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
return true
}
snapIn(100,0);
</script>

53、添加“跟隨鼠標的文字”功能?

<style type="text/css">
.spanstyle
{
position:absolute;
visibility:visible;
top:-500px;
font-size:10pt;
color: #0000ff;
font-weight:bold;
}
</style>

<script>
var x,y
var step=15
var flag=0
var message="程序不過是夢"
message=message.split(""
var xpos=new Array()
for (i=0;i<=message.length;i++)
{
xpos=-500
}
var ypos=new Array()
for (i=0;i<=message.length;i++)
{
ypos=-500
}
function handlerMM(e)
{
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX-5
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY-75
flag=1
}
function makesnake()
{
if (flag==1 && document.all)
{
for (i=message.length; i>=1; i--)
{
xpos=xpos[i-1]+step
ypos=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length; i++)
{
var thisspan = eval("span"+(i)+".style"
thisspan.posLeft=xpos
thisspan.posTop=ypos
}
}
else if (flag==1 && document.layers)
{
for (i=message.length; i>=1; i--)
{
xpos=xpos[i-1]+step
ypos=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length; i++)
{
var thisspan = eval("document.span"+i)
thisspan.left=xpos
thisspan.top=ypos
}
}
var timer=setTimeout("makesnake()",30)
}
</script>

<body onLoad="makesnake()" >
<script>
for (i=0;i<=message.length;i++)
{
document.write("<span id='span"+i+"'class='spanstyle'>"
document.write(message)
document.write("</span>"
}
if (document.layers)
{
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</script>

54、每次打開的時候自動在頂部副標題位置顯示一條格言?

<script language="java-script">
var word=new Array();
word[0]="當你感到悲哀痛苦時，最好是去學些什么東西。學習會使你永遠立于不敗之地。"
word[1]="每一個成功者都有一個開始。勇于開始，才能找到成功的路。"
word[2]="與其臨淵羨魚，不如退而結網。"
word[3]="若不給自己設限，則人生中就沒有限制你發揮的藩籬。"
word[4]="絆腳石乃是進身之階。"
word[5]="即使爬到最高的山上，一次也只能腳踏實地地邁一步。"
word[6]="積極思考造成積極人生，消極思考造成消極人生。"
word[7]="人之所以有一張嘴，而有兩只耳朵，原因是聽的要比說的多一倍。"
word[8]="別想一下造出大海，必須先由小河川開始。"
word[9]="即使是不成熟的嘗試，也勝于胎死腹中的策略。"
word[10]="積極的人在每一次憂患中都看到一個機會，而消極的人則在每個機會都看到某種憂患。"
word[11]="如果我們想要更多的玫瑰花，就必須種植更多的玫瑰樹。"
word[11]="世上沒有絕望的處境，只有對處境絕望的人。"
word[12]="當你感到悲哀痛苦時，最好是去學些什么東西。學習會使你永遠立于不敗之地。"
word[13]="世界上那些最容易的事情中，拖延時間最不費力。"
word[14]="沒有口水與汗水，就沒有成功的淚水。"
word[15]="如果你希望成功，以恒心為良友，以經驗為參謀，以小心為兄弟，以希望為哨兵。"
word[16]="大多數人想要改造這個世界，但卻罕有人想改造自己。"
word[17]="未曾失敗的人恐怕也未曾成功過。"
word[18]="人生偉業的建立，不在能知，乃在能行。"
word[19]="挫折其實就是邁向成功所應繳的學費。"
word[20]="任何的限制，都是從自己的內心開始的。"
word[21]="忘掉失敗，不過要牢記失敗中的教訓。"
word[22]="不是境況造就人，而是人造就境況。"
document.all("header".innerHTML="<a href='nzhitao.blogchinese.com'><img src=uploadfile/200534145731970.gif' border=0 alt='藍色夢想align=right /></a><span>"+document.all("Header1_HeaderTitle".outerHTML+"<br/> "+word[parseInt(Math.random()*22)]+"</span>"
</script>

55.圖片跟隨著鼠標，最好把圖片做成透明的，那樣效果更好
<SCRIPT LANGUAGE="JavaScript">
var image="../images/helpor.gif"
var newtop=15
var newleft=15
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}

function helpor_net() {

layerName = 'iit'

eval('var curElement='+layerRef+'["'+layerName+'"]')
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')
eval('curElement'+styleSwitch+'.visibility="visible"')
eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')
eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')
eval('height=curElement'+styleSwitch+'.height')
eval('width=curElement'+styleSwitch+'.width')
width=parseInt(width)
height=parseInt(height)
if (event.clientX > (document.body.clientWidth - 5 - width))
{
newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
}
else
{
newleft=document.body.scrollLeft + event.clientX
}
eval('curElement'+styleSwitch+'.pixelLeft=newleft')

if (event.clientY > (document.body.clientHeight - 5 - height))
{
newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
}
else
{
newtop=document.body.scrollTop + event.clientY
}
eval('curElement'+styleSwitch+'.pixelTop=newtop')
}

document.onmousemove = helpor_net;

if (navigator.appName == "Netscape") {

}
else
{
document.write('<div ID="OuterDiv">')
document.write('<img ID="iit" src="'+image+'" STYLE="position:absolute;TOP:20pt;LEFT:20pt;Z-INDEX:20;visibility:hidden;">')
document.write('</div>')
}
</script>

56.網頁動態背景
透明的FLASH背景代碼,紅色網址是你所選的背景圖片的地址?
<DIV id=Layer0?
style="z-index: 0; left: 50; visibility: visible; width: 771; position: absolute; top: 50; height: 539">?
<OBJECT?
codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5 ,0,0,0?
height=639 width=739 classid=clsid27CDB6E-AE6D-11cf-96B8-444553540000>?
<param name="_cx" value="17992">?
<param name="_cy" value="9260">?
<param name="FlashVars" value="-1">?
<param name="Movie" value="http://midea808.com/swf/5.swf">?
<param name="Src" value="http://midea808.com/swf/5.swf">?
<param name="WMode" value="Transparent">?
<param name="Play" value="-1">?
<param name="Loop" value="-1">?
<param name="Quality" value="High">?
<param name="SAlign" value>?
<<param name="Menu" value="-1">?
<param name="Base" value>?
<param name="AllowScriptAccess" value="always">?
<param name="Scale" value="ShowAll">?
<param name="DeviceFont" value="0">?
<param name="EmbedMovie" value="0">?
<param name="BGColor" value>?
<param name="SWRemote" value>?
<embed src="http://midea808.com/swf/5.swf" quality="high" wmode="transparent" width="642" height="480" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" ;;;;>?
</OBJECT>?

57.鼠標放到鏈接上就會出現一個說明框，里面有滾動的文字說明
<a href="http://www.helpor.net" target="_blank" onMouseOver="helpor_net_show(this,event,'看到了吧？')" onMouseOut="helpor_net_hide()">把鼠標放上來試試</a>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;
<layer name="nstip" width="1000px" bgColor="seashell"></layer>
</div>
<SCRIPT language="JavaScript">

</SCRIPT>?

58.在鼠標后面跟著一串飄動的字符
<style type="text/css">
.spanstyle {
COLOR: #00cccc; FONT-FAMILY: 宋體; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
<script>
var x,y
var step=18
var flag=0
var message="★網頁特效世界歡迎你的光臨!"

message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-200
}

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function www_helpor_net() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("www_helpor_net()",30)
}

for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
www_helpor_net();
// -->
</script>?

59。點擊鼠標右鍵，收藏夾就會自動打開，也等于是禁止了右鍵
<script language="JavaScript1.2">
if (document.all)
document.body.οnmοusedοwn=new Function("if (event.button==2||event.button==3)window.external.addFavorite('http://www.helpor.net','網頁特效集錦')")
</script>?

60.制作動態頁面的步驟是怎樣的??
第一步：設計頁面及尋找頁面需要的材料；第二步：完成普通頁面的制作，此時無須涉及動態主頁內容；第三步：為頁面文字增加層疊樣式表，以改變文字顏色，鏈接等；第四步：為頁面增加交互性內容，如cgi,javascirpt,activeX控件等，這是把頁面動態的關鍵；第五步：測試動態頁面以適應更多瀏覽器；第六步：發布動態頁面并在上面標明該頁是動態頁面(dhtml)。?

61.如何讓訪問者單擊加入站點書簽??
總希望訪問者能能把你的站點，加入到他們的書簽里，這里有個好辦法：?

在<HEAD></HEAD>部分加入：?

<script language="javascript">?
</script>?

然后在<BODY></BODY>部分加入：?

<script language="javascript">?
</script>?

62.是否可以利用大寫體來書寫HTML標簽元素??
對于大多數HTML標簽元素,你可以利用大寫體或小寫體及兩者的混合體來書寫標簽元素。比如：?

<html></html>和<HTML></HTML>同等有效。?

但如果是特殊字符的標簽元素，你只能使用小寫體。比如版權的字符的標簽元素是：?，如果寫成?；，那么頁面將完全顯示?；。?

63.如何在頁面利用單擊來關閉瀏覽窗口??
在<BODY></BODY>部分加入以下代碼：?

<a href="javascript:window.close()">關閉窗口</a>?

64.如何為頁面設置訪問口令??
有時候你需要為某一頁設置密碼，以讓合適的人進來。在＜head＞＜/head＞部分加入：?

<script language="javascript">?
</script>?

在以上代碼中,"cnshell"就是正確的密碼。"cnshell.htm"是當輸入正確密碼后鏈接的頁面。這種設置口令的方法并不安全，因為只要訪問者查看頁面源代碼就能知道設置的密碼了。?

65.如何為訪問者設置正確的軟件下載鏈接??
與其它鏈接一樣，都使用<a></a>標簽。但對于軟件下載鏈接，你需要這樣設置：?

<a href="/cnshell.zip">Download cnshell.zip (188kb)</a>?

66.如何刪除圖片鏈接的藍色邊框??
如果我們設置了圖片為一個鏈接，會發現圖片四周出現了藍色邊框。要刪除邊框，需要在圖片標簽里加上border="0"。如：<img src="/cnshell.jpg" border="0">?

67.如何為鏈接提供一個按鈕??
<form ACTION="cnshell.htm" METHOD="GET">?

<p><input TYPE="submit" value="單擊這里" NAME="cnshell"></p>?

</form>?

68.如何為頁面增加一個計數器??
這個問題對于初上網的人實在是個頭痛的事情，因為他們發現在利用FrontPage98增加計數器后，發現根本都不起作用。計數器需要服務器CGI的支持，不能由本地的電腦自行設置。所以，如果你的站點需要計數器，請到以下這個最有名的計數器提供商申請吧：http://www.linkexchange.com/?

69.如何知道站點的流量來至那里??
如果你擁有站點服務器的管理權，那么這是個很簡單的問題，查查服務器日志就可以了。但目前你沒有那權力，不過可以由第三方提供流量數據。易數是個不錯的選擇，鏈接到站點http://best.netease.com/申請，然后把代碼加入到頁面即可。當你想知道流量時，單擊易數圖標，在統計頁面中，單擊分析即可。?

70.如何讓瀏覽器正確顯示word文件格式??
為了正確處理word等格式，你需要在HTML文件中設置好該文件類型，比如：?

<meta http-equiv="Content-Type" content="Application/msword">?

還有其它經常設置的文件類型：?

Application/msword Microsoft Word Document application/pdf PDF Documentapplication/wordperfect6.0 WordPerfect 6.0 Documentapplication/zip ZIP archiveaudio/x-wav WAV audio formataudio/midi MIDI audio formataudio/x-pn-realaudio RealAudioimage/gif GIF image formatimage/jpeg JPEG image formatimage/png PNG image formattext/html HTML documenttext/plain Plain textvideo/mpeg MPEG video formatvideo/quicktime QuickTime video formatvideo/x-msvideo AVI video format?

好文要頂?關注我?

轉載于:https://www.cnblogs.com/yuyu1993/p/5489565.html

總結

以上是生活随笔為你收集整理的制作网页过程中，经常用到的代码的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇： Adobe Photoshop CS6学
下一篇： IT 岗位说明书（岗位职责）