推荐实用代码

1. 覆盖

<SPAN id=liveclock style="LEFT: 0px; POSITION: absolute; TOP: 0px"> ==================================== LEFT: 0px 表示宽0是坐标，可以自己改 TOP: 0px 表示长0是坐标，自己写上数字就行

2. 自选背景图片

<TABLE borderColor=#9900cc height=100 cellSpacing=0 cellPadding=0 width=778 bgColor=#000000 background=/uploadfile/200904/20/EB192419722.gif border=0> <TBODY> <TR> <TD> <P align=left> </P></TD></TR></TBODY></TABLE></SPAN></SPAN> ==================================== background=是说加图片的背景图片地址 bgColor=是说加颜色代码 height=100 高可以用数字直接写上 width=778 宽可以用数字直接写上（覆盖专用表格图片） ==================================== <STYLE type=text/css>  </STYLE> （真正意义上把图片设为背景）

3. 贴rm,ra,ram类型的背景音乐

4. midi,asf,wma,asx类型的在线播放器

5. rm,ra,ram类型的在线播放器

6. 贴midi,asf,wma,asx类型的背景音乐

7. 状态栏出现打字效果

8. 保护自己的页面不被别人放在框架中

<Script LANGUAGE="JavaScript"> if(self!=top){top.location=self.location;} </script>

9. 常用音乐代码解说

height="高度值" width="宽度值" ———————————————————— autostart="true"表示当前页一载入则自动播放，若不希望播放改为autostart="false" ———————————————————— loop="-1" 表示无限次循环播放，可设置播放次数，具体数字代替即可，比如我希望它播放两次，则loop="2"

10. 带滚动条的表格

<table width="260" border="0"> <tr><td bgcolor="#999999"><font color="#FFFFFF"><b>标题</b></font></td></tr> <tr><td bgcolor="#CCCCCC"> <div style="overflow:auto;height:160;"> 这里输入文段的内容。 </div> </td></tr> </table>

11. 连接点击变色

<FONT size=3><STYLE> a:link{font-size:12px;text-decoration:none;color:#0000FF} a:visited{font-size:12px;text-decoration:none;color:#0000FF} a:hover{text-decoration:none;color:#FF0000} A:hover {text-decoration: underline;color:"#FF0000"} </STYLE></FONT>

12. 点击弹出小窗口的视频

<A onclick="ShowVideo();return false" href="http://real.qq68.com:3030/UU/COM/Music_Mtv/345.wmv">S·H·E_Super Star</A>  ==================================== <SCRIPT language=JavaScript> function ShowVideo() { var VideoUrl=window.event.srcElement.href; var VideoName=window.event.srcElement.innerText; var win=window.open("VideoUrl","VideoName","width=400,height=380"); win.document.write('<title>|最爱逍遥网|>>>|视频MTV|>>>|' + VideoName + '|</title><body scroll=no cellspacing=0 style="border:solid 1px;border-color:#f6f6f6 #999999 #999999 #f6f6f6;background:#d4d0c8" leftmargin="1" topmargin="1"><button style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: #d4d0c8; BORDER-LEFT: #ffffff 1px solid; COLOR: #404040; BORDER-BOTTOM: #333333 1px solid;" onclick="Player.displaysize=3">全屏观赏[Esc返回]</button><font style="font-family:verdana;font-size:12px"> 当前播放MTV→《'+ VideoName +'》</font><br> <object id=Player classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 width=400 height=360><param name=filename value="'+VideoUrl+'"><param name=URL value="'+VideoUrl+'"><embed uimode=none autostart=1 enabled=true showcontrols=1 showstatusbar=1></embed></object></body>'); win.document.close(); win.focus(); } </SCRIPT>

13. 改变滚动条的颜色

<head> <STYLE type=text/css> body { SCROLLBAR-FACE-COLOR: #ff99cc ; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR: #ff0000; SCROLLBAR-ARROW-COLOR: #ff0000; SCROLLBAR-TRACK-COLOR: #ffcccc; SCROLLBAR-DARKSHADOW-COLOR: #ffffff } </STYLE> </head>

14. 网页中嵌入论坛

15. 高级禁止左右键功能

16. 图片放在弹出小窗口中

<A onclick="OpenFullSizeWindow(this.href,'','');return false" href="图片地址"><IMG style="WIDTH: 239px; HEIGHT: 260px" src="图片地址" border=0></A> ==================================== 上面是图片大小和图片和连接代码，做好后最后加上下面的代码 <SCRIPT language=JavaScript> function ShowImage() { var ImageUrl=window.event.srcElement.href;//*获取图片的URL地址 var ImageName=window.event.srcElement.innerText; //*获取的名称 ImageDiv.filters[0].apply(); ImageDiv.innerHTML='<p><a href='+ImageUrl+' onClick="OpenFullSizeWindow(this.href,\'\',\'\');return false"><img src='+ImageUrl+' alt='+ImageName+' border="1"这里可以改图片的固定大小></a></P>'; ImageDiv.filters[0].play(); } function show(Text) { info.innerHTML = '<p align="center" style="filter:shadow(color=#000000,direction=110);height:14;"><font color=00ff00 size=4>当前显示图片: </font><font color=#00ff00 size=4>' + Text.innerText + '</font></P>'; } </SCRIPT> <SCRIPT language=javascript type=text/javascript>  </SCRIPT>

17. 图片导入设定的窗口

<Palign=center><A onclick="ShowImage();show(this);return false;" href="/uploadfile/200904/20/BA192440135.jpg">狗不拿耗子的证明</A></P> ==================================== 上面是图片大小和图片和连接代码，做好后最后加上下面的代码 <CENTER> <DIV id=ImageDiv style="FILTER: blendTrans(duration=2); HEIGHT: 100px" ?><IMG style="WIDTH: 500px; HEIGHT: 505px" height=400 src="/uploadfile/200904/20/17192441894.jpg" width=300> </DIV></CENTER> <SCRIPT language=JavaScript> function ShowImage() { var ImageUrl=window.event.srcElement.href;//*获取图片的URL地址 var ImageName=window.event.srcElement.innerText; //*获取的名称 ImageDiv.filters[0].apply(); ImageDiv.innerHTML='<p><a href='+ImageUrl+' onClick="OpenFullSizeWindow(this.href,\'\',\'\');return false"><img src='+ImageUrl+' alt='+ImageName+' border="1"这里可以改图片的固定大小></a></P>'; ImageDiv.filters[0].play(); } function show(Text) { info.innerHTML = '<p align="center" style="filter:shadow(color=#000000,direction=110);height:14;"><font color=00ff00 size=4>当前显示图片: </font><font color=#00ff00 size=4>' + Text.innerText + '</font></P>'; } </SCRIPT> <SCRIPT language=javascript type=text/javascript>  </SCRIPT>  <DIV id=info style="FONT-SIZE: 14px; FILTER: shadow(color=#000000,direction=110); HEIGHT: 14px"><FONT color=#00ff00 size=4>当前图片：美女</FONT></DIV> <DIV></DIV> <DIV></DIV></TD></TR></TBODY></TABLE>

18. 逍遥自编自用（1）

<SCRIPT language=JavaScript>
            function ShowVideo()
            {
            var VideoUrl=window.event.srcElement.href;
            var VideoName=window.event.srcElement.innerText;
            var win=window.open("VideoUrl","VideoName","width=400,height=400");
            win.document.write('<title>|最爱逍遥网|>>>|音乐空间|>>>|' + VideoName + '|</title><body bgcolor="#000000"leftmargin="0" topmargin="0"><P align=center><FONT color=#00ff00><FONT size=4><FONT color=#00ff00>☆ &nbsp;☆&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;☆ ☆<BR>☆ ☆ ☆&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;☆ ☆&nbsp; ☆&nbsp;<BR>☆ ☆ ☆ ☆ ☆ ☆ ☆&nbsp;☆ ☆ ☆ ☆ ☆&nbsp;<BR>☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆&nbsp;<BR>☆ ☆ ☆ ☆ ☆<FONT color=#00ffff size=5>D</FONT>☆&nbsp;<FONT face=楷体_GB2312 color=#00ffff size=5><STRONG>爱<FONT size=4> </FONT></STRONG></FONT>☆<FONT color=#00ffff size=5>J</FONT>☆ ☆ ☆ ☆ ☆&nbsp;<BR>☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆<BR>☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆<BR>☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆<BR>&nbsp;☆ ☆ ☆ ☆ ☆ ☆<BR>☆ ☆ ☆ ☆<BR>☆ ☆</FONT></FONT></P></FONT><EMBED src=rtsp://61.172.246.5:554/%b0%a2%b9%faDJ%d5%begddj.com/cdra/xc/A-190.ra width=400 height=60 autostart="true" loop="true"><font color=00ff00 size=4><P align=center>当前播放的是→ </FONT><FONT color=#00ff00 size=4>《'+ VideoName +'》</font></P><body>');
            win.document.close();
            win.focus();
            }
            </SCRIPT>
            <A onclick="ShowVideo();return false" href="rtsp://61.172.246.5:554/%b0%a2%b9%faDJ%d5%begddj.com/cdra/xc/A-190.ra">DJ</A> </BOYD>

19. 去除ANYP广告

<SCRIPT language=javascript>shutdown();</SCRIPT> //去除浮动广告但会出现网页错误的提示====================================  </SCRIPT> //容错代码加上后不会出现网页有错误的提示 ==================================== <STYLE type=text/css>.footer{display:none}</STYLE> //去除底部广告

20.搜索引擎

<IFRAME id=baiduasframe border=0 marginWidth=0 frameSpacing=0 marginHeight=0 src="http://unstat.baidu.com/bdas.bsc?tn=zouwenyedg" frameBorder=0 width=0 scrolling=no height=0></IFRAME></BOYD> ==================================== 支持各大搜索引擎的搜索能帮你提高访问量

21. 图片慢慢出现

22.隐藏播放器

<INPUT id=VOBJ_7643 type=hidden value=-1><A href="javascript:UBBShowObj('wmv','OBJ_7643',' mms://218.66.101.156/17173_radio/film/wanjia_xianjian/xianjian_3-07.wmv','350','340');">仙剑奇侠传-逍遥叹</A> <DIV id=OBJ_7643><TD class=ArticleContent style="FONT-SIZE: 14px; LINE-HEIGHT: 150%" align="left"> <SCRIPT language=JavaScript src="http://benpig.go2.icpcn.com/common.js" type=text/javascript></SCRIPT>

23.透明FLASH背景

24.固定字体的大小

<STYLE type=text/css>  </STYLE> ==================================== 说明: 你是否有过这样的经历：一个布置得很好的网页，当浏览时把浏览器的字号设置成大或小时，漂亮的网页马上面目全非了。因为字的大小变了，版式自然乱了。现在好了，只要把下面这段代码加入到网页源文件的<head>与</head>之间就行了(对用<font>标签定义的文字无效)。

25.图片向左移动

<TABLE style="WIDTH: 778px; HEIGHT: 165px" cellSpacing=0 cellPadding=0 align=center border=0> <TBODY> <TR> <TD style="PADDING-TOP: 1px"> <DIV id=demo style="OVERFLOW: hidden; WIDTH: 150px; COLOR: #c04020; HEIGHT: 165px"> <TABLE cellPadding=0 align=left border=0 cellspace="0"> <TBODY> <TR> <TD id=demo1> <TABLE style="WIDTH: 300px; HEIGHT: 160px" borderColor=#0000ff bgColor=#000000 border=1> <TBODY> <TR> <TD> <P align=center><FONT color=#00ff00>88888888</FONT></P></TD> <TD> <P align=center><FONT color=#00ff00>88888888</FONT></P></TD> <TD> <P align=center><FONT color=#00ff00>88888888</FONT></P></TD></TR></TBODY></TABLE></TD> <TD id=demo2 width=6> <TABLE cellSpacing=0 cellPadding=0 width=1100 border=0> <TBODY> <TR> <TD width=1></TD> <TD width=252>88888888</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV> <SCRIPT> var speed=1//速度数值越大速度越慢 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0) demo.scrollLeft-=demo1.offsetWidth else{ demo.scrollLeft++ } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </SCRIPT>

26.逍遥自编自用（2）

<TABLE style="WIDTH: 100px; HEIGHT: 40px" height=40 cellSpacing=0 cellPadding=0 width=100 border=0> <TBODY> <TR> <TD width="100%"><IMG style="WIDTH: 544px; HEIGHT: 61px" height=61 src="/uploadfile/200904/20/D4192441736.jpg"><BR> <TABLE height=100 cellSpacing=0 cellPadding=0 width=100 border=0> <TBODY> <TR> <TD width="33%"><IMG style="WIDTH: 85px; HEIGHT: 316px" height=320 src="/uploadfile/200904/20/DB192441864.jpg" width=72></TD> <TD width="33%"><SCRIPT LANGUAGE="JavaScript" defer>  </SCRIPT>   <CENTER> <SPAN id=trymedia>  <object id=defultPlayer classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 width=375 height=300> <param name=filename value="http://www.cttqh.com/bbs/images/upload/2004/09/29/183658.mp3"> <param name=URL value="http://www.cttqh.com/bbs/images/upload/2004/09/29/183658.mp3"> <param name=UIMode value=none><param name=AutoStart value=-1> <param name=Enabled value=true><param name=ShowStatusBar value=1> <param name=ShowControls value=1><param name=EnableFullScreenControls value=1> <param name=EnablePositionControls value=1><param name=Volume value=-60> <param name=DisplaySize value=1><param name=SendErrorEvents value=0> <param name=enableContextMenu value=1> <param name=EnableStretchToFit value=1> <param name=EnableTracker value=1> <embed width=352 height=359 uimode=none autostart=1 enabled=true showcontrols=1 volume=-60 > </embed> </object>   <SCRIPT language=JavaScript>  </SCRIPT> <BR> <SCRIPT language=JScript> function show(Text){ info.innerHTML = '<p align="center" style="filter:shadow(color=#000000,direction=110);height:14;"><font color=ffffff>当前播放歌曲: </font><font color=#ffffaa>' + Text.innerText + '</font>  <A href="#" onclick="mediaplayer.displaysize=3"><font color=ffffff>全屏播放[ESC返回]</font></A></P>'; } </SCRIPT>  </SPAN><SPAN id=info style="FONT-SIZE: 14px; FILTER: shadow(color=#000000,direction=110); HEIGHT: 14px"><FONT color=#ffffff>当前正在播放的是:为苍天变了心</FONT></SPAN></CENTER> <TD width="33%"><IMG style="WIDTH: 79px; HEIGHT: 316px" src="/uploadfile/200904/20/26192441479.jpg" width=71></TD></TR></TBODY></TABLE><IMG style="WIDTH: 541px; HEIGHT: 58px" src="/uploadfile/200904/20/90192441547.jpg" width=481></TD></TR></TBODY></TABLE> ==================================== <A onclick="show_media();show(this);return false" href="影片地址">影片名字</A>

27.颜色不段变化的超链接文字

<EMBED style="LEFT: 18px; POSITION: absolute; TOP: 20px" align=right src=/uploadfile/200904/20/FD192441878.swf width=800 type=application/x-shockwave-flash quality="high" ;; wmode="transparent"> <SCRIPT language=javascript> var rate = 20; var obj; var act = 0; var elmH = 0; var elmS = 128; var elmV = 255; var clrOrg; var TimerID; if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) { Browser = true; } else { Browser = false; } if (Browser) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } function doRainbow() { if (Browser && act != 1) { act = 1; obj = event.srcElement; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } function stopRainbow() { if (Browser && act != 0) { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } function doRainbowAnchor() { if (Browser && act != 1) { obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break; } if (obj.tagName == 'A' && obj.href != '') { act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } function stopRainbowAnchor() { if (Browser && act != 0) { if (obj.tagName == 'A') { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function ChangeColor() { obj.style.color = makeColor(); } function makeColor() { if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3; } else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3; } else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3; } else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3; } else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3; } else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3; } else { elmR = 0; elmG = 0; elmB = 0; } } elmR = Math.floor(elmR); elmG = Math.floor(elmG); elmB = Math.floor(elmB); clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); elmH = elmH + rate; if (elmH >= 360) elmH = 0; return clrRGB; } </SCRIPT>

28.让图片周边产生模糊色

29.图片一张一张向下跳

<DIV id=divTitle style="FONT-SIZE: 16px"><B></B></DIV> <TABLE cellSpacing=0 cellPadding=6 width=388 align=center bgColor=#ffffff border=0> <TBODY> <TR> <TD colSpan=2> <SCRIPT language=JavaScript1.2> var slideshow_width=600 //SET IMAGE WIDTH var slideshow_height=826 //SET IMAGE HEIGHT var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds) var fadeimages=new Array() //SET IMAGE PATHS. Extend or contract array as needed fadeimages[0]="/uploadfile/200904/20/4A192441347.jpg" fadeimages[1]="/uploadfile/200904/20/4A192441347.jpg" fadeimages[2]="/uploadfile/200904/20/4A192441347.jpg" fadeimages[3]="/uploadfile/200904/20/4A192441347.jpg" fadeimages[4]="/uploadfile/200904/20/4A192441347.jpg" fadeimages[5]="/uploadfile/200904/20/4A192441347.jpg" fadeimages[3]="/uploadfile/200904/20/4A192441347.jpg" fadeimages[4]="/uploadfile/200904/20/4A192441347.jpg" fadeimages[5]="/uploadfile/200904/20/4A192441347.jpg" ////NO need to edit beyond here///////////// var preloadedimages=new Array() for (p=0;p<fadeimages.length;p++){ preloadedimages[p]=new Image() preloadedimages[p].src=fadeimages[p] } var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1 var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1 if (ie4||dom) document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>') else document.write('<img name="defaultslide" src="'+fadeimages[0]+'">') var curpos=10 var degree=10 var curcanvas="canvas0" var curimageindex=0 var nextimageindex=1 function fadepic(){ if (curpos<100){ curpos+=10 if (tempobj.filters) tempobj.filters.alpha.opacity=curpos else if (tempobj.style.MozOpacity) tempobj.style.MozOpacity=curpos/100 } else{ clearInterval(dropslide) nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1" tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas) tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">' nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0 setTimeout("rotateimage()",pause) } } function rotateimage(){ if (ie4||dom){ resetit(curcanvas) var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas) crossobj.style.zIndex++ var temp='setInterval("fadepic()",50)' dropslide=eval(temp) curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0" } else document.images.defaultslide.src=fadeimages[curimageindex] curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0 } function resetit(what){ curpos=10 var crossobj=ie4? eval("document.all."+what) : document.getElementById(what) if (crossobj.filters) crossobj.filters.alpha.opacity=curpos else if (crossobj.style.MozOpacity) crossobj.style.MozOpacity=curpos/100 } function startit(){ var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas) crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">' rotateimage() } if (ie4||dom) window.onload=startit else setInterval("rotateimage()",pause) </SCRIPT> </TD></TR></TBODY></TABLE>