博客秀's Archiver

cnblogshow 发表于 2007-8-17 16:01

常用html&js代码

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

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.