常用html&js代码
<p><strong>1、JS弹出窗口换行:</strong></p><div class="msgheader">QUOTE:</div><div class="msgborder">alert("<%=replace(viewstring,"<br>","\n")%>");</div><p><strong>2、获得系统时间:</strong>
</p><div class="msgheader">QUOTE:</div><div class="msgborder"><%=now()%></div><p><strong>3、取得来访用的IP:</strong>
</p><div class="msgheader">QUOTE:</div><div class="msgborder"><%=request.server<I>var</I>iables("remote_host")%></div><p><strong>4、获得系统,浏览器版本:</strong>
</p><div class="msgheader">QUOTE:</div><div class="msgborder"><script><br/>window.document.write("版本:"+navigator.appName+navigator.appVersion+" browser.")<br/></script></div><p><strong>5、去除IE混动条:</strong>
</p><div class="msgheader">QUOTE:</div><div class="msgborder"><body scroll="no"> <br/><body style="overflow-y:hidden"></div><p><strong>6、进入网站,跳出广告:</strong>
</p><div class="msgheader">QUOTE:</div><div class="msgborder"><script language="Javascript"><br/><!-- <br/><!-- 注意更改文件所在路径--><br/>window.open(''http://www.XXXXXX.com&#39;','''',''height=200,width=300,top=0,left=30'');<br/>// --><br/></script></div><p><br/><strong>7、随机数:</strong>
<strong></strong></p><div class="msgheader">QUOTE:</div><div class="msgborder"><%randomize%><br/><%=(int(rnd()*n)+1)%></div><p><br/>N为可改变数</p><p><strong>8、向上混动代码:</strong>
</p><div class="msgheader">QUOTE:</div><div class="msgborder"><marquee direction="up" scrolldelay="200" style="font-size: 9pt; color: #FF0000; line-height: 150%; font-style:italic; font-weight:bold" scrollamount="2" width="206" height="207" bgcolor="#FFFF00">hhhhhhhhhhhhhhhhhhh</marquee></div><p><strong>9、自动关闭网页:</strong>
</p><div class="msgheader">QUOTE:</div><div class="msgborder"><script LANGUAGE="Javascript"><br/><!--<br/>setTimeout(''window.close();'', 10000); //60秒后关闭<br/>// --><br/></script><br/><p align="center">本页10秒后自动关闭,请注意刷新页面</p></div><p><strong>10、随机背景音乐:</strong>
</p><div class="msgheader">QUOTE:</div><div class="msgborder"><%randomize%><br/><bgsound src="mids/<%=(int(rnd()*60)+1)%>.mid" loop="-1"> </div><p><br/>可以修改数字,限制调用个数,我这里是60个.</p><p><strong>11、自动刷新本页面:</strong>
</p><div class="msgheader">QUOTE:</div><div class="msgborder"><script> <br/><!-- <br/>var limit="0:10" <br/>if (document.images){ <br/>var parselimit=limit.split(":") <br/>parselimit=parselimit[0]*60+parselimit[1]*1 <br/>} <br/>function beginrefresh(){ <br/>if (!document.images) <br/>return <br/>if (parselimit==1) <br/>window.location.reload() <br/>else{ <br/>parselimit-=1 <br/>curmin=Math.floor(parselimit/60) <br/>cursec=parselimit%60 <br/>if (curmin!=0) <br/>curtime=curmin+"分"+cursec+"秒后重刷本页!" <br/>else <br/>curtime=cursec+"秒后重刷本页!" <br/>window.status=curtime <br/>setTimeout("beginrefresh()",1000) <br/>} <br/>} <br/>window.onload=beginrefresh <br/>file://--> <br/></script></div><p><strong>12、点击刷新代码:</strong>
</p><div class="msgheader">QUOTE:</div><div class="msgborder"><form><br/> <p><input TYPE="button" VALUE="刷新按钮一" <I>onCLICK</I>="ReloadButton()"></p><br/></form><br/><script language="Javascript>"><!--<br/>function ReloadButton(){location.href="allbutton.htm";}<br/>// --></script></div><p><br/><strong>13、后退,刷新,前进</strong>
<br/> </p><div class="msgheader">QUOTE:</div><div class="msgborder"><input type=button value=后退 onclick=history.go(-1)> <br/><input type=button value=刷新 onclick=history.go(-0)> <br/><input type=button value=前进 onclick=history.go(+1)></div><p><strong>14、状态栏动态显示现在时间</strong>
<br/> </p><div class="msgheader">QUOTE:</div><div class="msgborder"><script> <br/>function see(){ <br/>window.setTimeout("see()",1000); <br/>today = new Date(); <br/>self.status = today.toString(); <br/>} <br/></script> <br/><body onload=see()></div><p> </p><p><strong>15、设为首页,加为收藏,加入频道,启动outlook发信</strong>
</p><div class="msgheader">QUOTE:</div><div class="msgborder"><a style="cursor:hand" onclick="this.style.behavior="url(#default#homepage)"; this.setHomePage(<a href="http://www.cnpcd.com/" target="_blank">http://www.cnpcd.com/</a>);">设为首页</a> <br/><br/><a style="cursor:hand" onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a><br/><br/><a href=javascript:window.external.addChannel("typhoon.cdf")>加入频道</a> <br/><br/><a href="<a href="mailto:hatlove2000@163.com" target="_blank">mailto:hatlove2000@163.com</a>">与我联系</a></div><p><strong>6、进入主页后自动最大化,省的去在自己单击了</strong>
<br/> </p><div class="msgheader">QUOTE:</div><div class="msgborder"><script> <br/>self.moveTo(0,0) <br/>self.resizeTo(screen.availWidth,screen.availHeight) <br/></script></div><p><br/><strong> 17、产品展示滚动效果</strong>
</p><div class="msgheader">QUOTE:</div><div class="msgborder"><div align='center' id='demo' style='overflow:hidden;height:125px;width:545px;'><!--滚动区的高度和宽度--><br/><table align='center' cellpadding='0' cellspace='0' border='0'><br/> <tr><br/> <td id='demo1' valign='top'></td><br/> <td id='demo2' valign='top'></td><br/> </tr><br/></table><br/></div><br/><script><br/>var Picspeed=15<!--滚动速度--><br/>demo2.innerHTML=demo1.innerHTML<br/>function Marquee1(){<br/>if(demo2.offsetWidth-demo.scrollLeft<=0)<br/>demo.scrollLeft-=demo1.offsetWidth<br/>else{<br/>demo.scrollLeft++<br/>}<br/>}<br/>var MyMar1=setInterval(Marquee1,Picspeed)<br/>demo.onmouseover=function() {clearInterval(MyMar1)}<br/>demo.onmouseout=function() {MyMar1=setInterval(Marquee1,Picspeed)}<br/></script></div><p><strong>18、鼠标触发表格变色</strong>
<br/><br/></p><div class="msgheader">QUOTE:</div><div class="msgborder"><table border='0' cellspacing='0' width='100%' cellpadding='0'><br/><tr bgcolor="#CFD788" ><br/><td height="10" <font style="BACKGROUND-COLOR: #ffff00;">onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#BFDFFF'"</font>></td><br/></tr><br/></table></div><p><strong>19、图片动画式隐现(用于导航处)</strong>
</p><div class="msgheader">QUOTE:</div><div class="msgborder"><p><font style="BACKGROUND-COLOR: #ff0000;"><script language=JavaScript src="fade_image.js"></script></font>
<br/><td background="images/yb_path_01.gif"><a href="index.asp"><img <font style="BACKGROUND-COLOR: #ffff00;">onMouseOver=nereidFade(this,100,10,7) style="FILTER: alpha(opacity=0); solid #FFFFFF" onMouseOut=nereidFade(this,01,70,5) src="images/yb_path_010.gif"</font> width="115" height="43" border="0"></a></td><br/><br/><br/>fade_image.js:<br/></p><div class="msgheader">QUOTE:</div><div class="msgborder"><p><!-- Beginning of JavaScript Code -------------------</p><p>nereidFadeObjects = new Object();<br/>nereidFadeTimers = new Object();<br/>function nereidFade(object, destOp, rate, delta){<br/>if (!document.all)<br/>return<br/> if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);<br/> return;<br/> }<br/> clearTimeout(nereidFadeTimers[object.sourceIndex]);<br/> diff = destOp-object.filters.alpha.opacity;<br/> direction = 1;<br/> if (object.filters.alpha.opacity > destOp){<br/> direction = -1;<br/> }<br/> delta=Math.min(direction*diff,delta);<br/> object.filters.alpha.opacity+=direction*delta;<br/> if (object.filters.alpha.opacity != destOp){<br/> nereidFadeObjects[object.sourceIndex]=object;<br/> nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);<br/> }<br/>}<br/>// -- End of JavaScript Code --></p></div></div><p><br/><strong>20、表格链接</strong>
<br/><br/></p><div class="msgheader">QUOTE:</div><div class="msgborder"><table width=100><tr><br/><td <font style="BACKGROUND-COLOR: #ffff00;">onClick="location.href='http://www.cnpcd.com'"</font> bgcolor=#e7e7e7 onmouseover="this.bgColor='#999999'" onmouseout="this.bgColor='#e7e7e7'" title="microsoft" style="font-size:12px;<font style="BACKGROUND-COLOR: #ff0000;">cursor:hand</font>">点我进入本站</td><br/></tr></table><br/></div><p>黄色部分为链接,红色部分为手形。<br/>不要见笑~~<img title="dvubb" alt="图片点击可在新窗口打开查看" src="http://www.cnpcd.com/bbs/Skins/Default/emot/em05.gif" align="middle" border="0"/>大家还有什么需要的提出来,我给大家解决。<br/><br/>6月19日新增<br/><br/><strong>21、背景图居中居右~~</strong></p><div class="msgheader">QUOTE:</div><div class="msgborder"><p><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td onClick="window.location='http://www.cnpcd.com'" style="background:url(images/PCDBBS.jpg);<font style="BACKGROUND-COLOR: #e6e61a;">background-position:right;</font>cursor:hand" height="135"></td></tr></table></p></div><p>黄色部分为背景居右,居中把当中的right改为center。<br/>也可以放到css里定义。<br/><br/><strong>22、定义随机数及范围</strong></p><div class="msgheader">QUOTE:</div><div class="msgborder"><p><%<br/> randomize<br/> dim <font style="BACKGROUND-COLOR: #ffff00;">k</font><br/> k=cint(rnd*<font color="#ff0000" style="BACKGROUND-COLOR: #ffff00;">10</font>)<br/> if k=0 then <br/> k=k+1<br/> end if<br/>%></p></div><p>黄色部分,红色数字为随机数范围,表示K的范围为10,从1-10之间随机选择一个数。<br/>用途:比如要让你的网页页面的图片每刷新一次都不同就可以用这段代码。</p><div class="msgheader">QUOTE:</div><div class="msgborder"><p><td width="50%" height="55" background="../images/products/<font style="BACKGROUND-COLOR: #ffff00;">lyd_a_<font style="BACKGROUND-COLOR: #ff0000;"><%=k%></font>.jpg</font>"></td></p></div><p>红色部分为K的表达式,黄色部分为图片的存储文件名的一部分。<br/>如果K的定义为1-10之间,你就可以把图片存储为lyd_a_1.jpg<br/> lyd_a_2.jpg<br/> ................<br/> lyd_a_10.jpg<br/>试试去吧~~<br/></p>
页:
[1]