制作网页过程中，经常用到的代码
?
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"><!--?
if (self!=top){top.location=self.location;}?
-->< /script>?
5. 如何自動加入最后修改日期?
◆在源代碼中的<BODY>…< /BODY>之間加入如下代碼：?
< Script Language="javascript"><!--?
document.write("Last Updated:"+document.lastModified);?
-->< /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"> <!--?
setTimeout('window.close();', 60000);?
--> < /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"> <!--?
a { text-decoration: none}?
--> < /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> 之間：
?
?
用<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">?
<!--?
function fla****(){?
if (!document.all)?
return?
if (myexample.style.borderColor=="yellow")?
myexample.style.borderColor="lime"?
else?
myexample.style.borderColor="yellow"?
}?
setInterval("fla****()", 500)?
//-->?
</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">
<!--
var imgObj;
function checkImg(theURL,winName){
// 對象是否已創建
if (typeof(imgObj) == "object"){
// 是否已取得了圖像的高度和寬度
if ((imgObj.width != 0) && (imgObj.height != 0))
// 根據取得的圖像高度和寬度設置彈出窗口的高度與寬度，并打開該窗口
// 其中的增量 20 和 30 是設置的窗口邊框與圖片間的間隔量
OpenFullSizeWindow(theURL,winName, ",width=" + (imgObj.width+20) + ",height=" + (imgObj.height+30));
else
// 因為通過 Image 對象動態裝載圖片，不可能立即得到圖片的寬度和高度，所以每隔100毫秒重復調用檢查
setTimeout("checkImg('" + theURL + "','" + winName + "')", 100)
}
}
function OpenFullSizeWindow(theURL,winName,features) {
var aNewWin, sBaseCmd;
// 彈出窗口外觀參數
sBaseCmd = "toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,";
// 調用是否來自 checkImg?
if (features == null || features == ""){
// 創建圖像對象
imgObj = new Image();
// 設置圖像源
imgObj.src = theURL;
// 開始獲取圖像大小
checkImg(theURL, winName)
}
else{
// 打開窗口
aNewWin = window.open(theURL,winName, sBaseCmd + features);
// 聚焦窗口
aNewWin.focus();
}
}
//-->
</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">
<!--
function initArray()
{
for(i=0;i<initArray.arguments.length;i++)
this[i]=initArray.arguments[i];
}
var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");
today=new Date();
hrs=today.getHours();
min=today.getMinutes();
sec=today.getSeconds();
clckh=""+((hrs>12)?hrs-12:hrs);
clckm=((min<10)?"0":"")+min;clcks=((sec<10)?"0":"")+sec;
clck=(hrs>=12)?"下午":"上午";
var stnr="";
var ns="0123456789";
var a="";
function getFullYear
{
yr=d.getYear();if(yr<1000)
yr+=1900;return yr;}
document.write("<table>");
//下面各行分別是一種風格，把不需要的刪掉即可
document.write("<TR><TD>風格一:</TD><TD>"+isnDays[today.getDay()]+","+isnMonths[today.getMonth()]+""+today.getDate()+"日,"+getFullYear(today)+"年");
document.write("<TR><TD>風格二:</TD><TD>"+clckh+":"+clckm+":"+clcks+""+clck+"</TD></TR>");
document.write("<TR><TD>風格三:</TD><TD>"+isnDays[today.getDay()]+","+isnMonths[today.getMonth()]+""+today.getDate()+"日,"+getFullYear(today)+"年 "+clckh+":"+clckm+":"+clcks+""+clck+"</TD></TR>");
document.write("<TR><TD>風格四:</TD><TD>"+(today.getMonth()+1)+"/"+today.getDate()+"/"+(getFullYear(today)+"").substring(2,4)+"</TD></TR>");
document.write("<TR><TD>風格五:</TD><TD>"+hrs+":"+clckm+":"+clcks+"</TD></TR>");
document.write("<TR><TD VALIGN=TOP>風格六:</TD><TD>"+today+"</TD></TR>");
document.write("</table>");
//-->
</SCRIPT>
003說明 顯示他人在頁面停留的時間，而且可以作出提醒?
效果 您在本站逗留了?
您在本站逗留了<input type="text" name="helpor_net" size="15" style="border: 0 ">
<SCRIPT language="javascript">
<!--
var sec=0;
var min=0;
var hou=0;
flag=0;
idt=window.setTimeout("www_helpor_net();",1000);
function www_helpor_net()
{
sec++;
if(sec==60){sec=0;min+=1;}
if(min==60){min=0;hou+=1;}
if((min>0)&&(flag==0))
{
window.alert("您剛剛來了1分鐘!可別急著走開，還有好多好東東等著您呢!--站長");
flag=1;
}
helpor_net.value=hou+"小時"+min+"分"+sec+"秒";
idt=window.setTimeout("www_helpor_net();",1000);
}
//-->
</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>
<!--
function www_helpor_net() {
thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
thistime = hours+":"+minutes+":"+seconds
if(document.all) {
bgclocknoshade.innerHTML=thistime
bgclockshade.innerHTML=thistime
}
if(document.layers) {
document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:20px;top:10px;left:152px">'+thistime+'</div>')
document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;colorDDDDD;font-size:20px;top:8px;left:150px">'+thistime+'</div>')
document.close()
}
var timer=setTimeout("www_helpor_net()",200)
}
www_helpor_net();
//-->
</script>
005說明 年月日都是用全中文顯示?
效果 公元二零零三年四月二十一日?
<script language="JavaScript">
<!--
function number(index1){
var numberstring="一二三四五六七八九十";
if(index1 ==0) {document.write("十")}
if(index1 < 10){
document.write(numberstring.substring(0+(index1-1),index1))}
else if(index1 < 20 ){
document.write("十"+numberstring.substring(0+(index1-11),(index1-10)))}
else if(index1 < 30 ){
document.write("二十"+numberstring.substring(0+(index1-21),(index1-20)))}
else{
document.write("三十"+numberstring.substring(0+(index1-31),(index1-30)))}
}
var today1 = new Date()
var month = today1.getMonth()+1
var date = today1.getDate()
var day = today1.getDay()
document.write("公元二零零三年")
number(month)
document.write("月")
number(date)
document.write("日")
//-->
</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>
<!--
var s=document.all("_ctl0__ctl10_lblContent").innerText;
if(s=="當前您正處于安全模式，無法顯示文章內容!")document.all("_ctl0__ctl10_lblContent").outerHTML="<span style='color:red;font-size:12px;border:1px black solid;"+s+"</span>";
//-->
</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">
<!--
document.οncοntextmenu=new Function('event.returnValue=false;');
document.onselectstart=new Function('event.returnValue=false;');
-->
</script>?
其實， 就是很簡單的一個java腳本程序，屏蔽鼠標右鍵。
對java支持不好的瀏覽器例如Firefox，就不吃這套。但對IE管用。
<script type="text/javascript" language="javascript">
<!--
document.οncοntextmenu=new Function('event.returnValue=false;');
document.onselectstart=new Function('event.returnValue=false;');
-->
</script>?
36.鼠標經過箭頭時,圖片會向左或向右橫向移動!
<!--head區域內代碼-->
<head>
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
//more javascript from?http://www.webjx.com
var sh;
marqueesWidth=610;
preLeft=0; currentLeft=0; stopscroll=false; getlimit=0;preTop=0; currentTop=0;
function scrollLeft()
{
if(stopscroll==true) return;
preLeft=marquees.scrollLeft;
marquees.scrollLeft+=2;
if(preLeft==marquees.scrollLeft)
{
//marquees.scrollLeft=templayer.offsetWidth-marqueesWidth+1;
}
}
function scrollRight()
{
if(stopscroll==true) return;
preLeft=marquees.scrollLeft;
marquees.scrollLeft-=2;
if(preLeft==marquees.scrollLeft)
{
if(!getlimit)
{
marquees.scrollLeft=templayer.offsetWidth*2;
getlimit=marquees.scrollLeft;
}
marquees.scrollLeft-=1;
}
}
function Left()
{
stopscroll = false;
sh = setInterval("scrollLeft()",20);
}
function Right()
{
stopscroll = false;
sh = setInterval("scrollRight()",20);
}
function StopScroll()
{
stopscroll = true;
clearInterval( sh );
}
function SelectType(value)
{
document.all.sendForm.page.value = 1;
document.all.sendForm.type.value = value;
document.all.sendForm.submit();
}
function init()
{
with(marquees)
{
style.height=0;
style.width=marqueesWidth;
style.overflowX="hidden";
style.overflowY="visible";
style.align = "center";
noWrap=true;
}
}
//-->
</SCRIPT>
</head>
<!--body區域內代碼-->
<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站點提供的代碼：
<!-- SiteSearch 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>
<!-- SiteSearch Google -->?
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">
<!--
if (!document.layers&&!document.all)
event="test"
function helpor_net_show(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid #3399ff">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function helpor_net_hide(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
//-->
</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"><!--?
function addbookmark()?
{window.external.AddFavorite("http://www.yufeng21.com";,"宇風多媒體";}?
//-->?
</script>?
然后在<BODY></BODY>部分加入：?
<script language="javascript">?
<!--?
if(document.all != null){document.write("[＜a href="/javascriptddbookmark"()＞按一下，我將和您成為朋友。</a>]";}?
// --></script>?
62.是否可以利用大寫體來書寫HTML標簽元素??
對于大多數HTML標簽元素,你可以利用大寫體或小寫體及兩者的混合體來書寫標簽元素。比如：?
<html></html>和<HTML></HTML>同等有效。?
但如果是特殊字符的標簽元素，你只能使用小寫體。比如版權的字符的標簽元素是：?，如果寫成?；，那么頁面將完全顯示?；。?
63.如何在頁面利用單擊來關閉瀏覽窗口??
在<BODY></BODY>部分加入以下代碼：?
<a href="javascript:window.close()">關閉窗口</a>?
64.如何為頁面設置訪問口令??
有時候你需要為某一頁設置密碼，以讓合適的人進來。在＜head＞＜/head＞部分加入：?
<script language="javascript"><!--var pd="" var rpd="cnshell" pd=prompt("請您輸入密碼:",""if(pd!=rpd){ alert("您的密碼不正確..."history.back()}else{alert("您的密碼正確!"window.location.href="/cnshell.htm"}?
// -->?
</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 岗位说明书（岗位职责）