Javascript实用代码(3)

来源:互联网 发布:桂林大家庭有淘宝么 编辑:程序博客网 时间:2024/05/17 00:14


禁止页面正文选取 
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()"> 


消除ie6自动出现的图像工具栏,设置 GALLERYIMG属性为false或no . 
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no"> 


防止点击空链接时,页面往往重置到页首端。 
代码“javascript:void(null)”代替原来的“#”标记 


避免别人把你的网页放在框架中 
<script language=“javascript”><!--if (self!=top){top.location=self.location;} -->< /script> 


页面定时刷新
<meta http-equiv="Refresh" content="秒" > 


页面定时转向新的地址 
<meta http-equiv="refresh" content="秒;URL=url"> 




不会弹出提示直接关闭窗口:
把如下代码加入<body>区域中 
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
<param name="Command" value="Close"> 
</object> 
<script language="javascript">function shutwin(){closes.Click();return;}</script> 
<a href="javascript:shutwin();">关闭本窗口</a> 


随机图片: 
把如下代码加入<body>区域中 
<script language="javascript"><!-- 
today=new Date(); 
jran=today.getTime(); 


function rnd() { 


ia=9301; 
ic=49297; 
im=233280; 


jran = (jran*ia+ic) % im; 
return jran/(im*1.0); 
}; 


function rand(number) { 


return Math.ceil(rnd()*number); 
}; 


document.write("<CENTER>"); 
for(i=1;i<=1;i++) { 
myNum=(rand(10)); //改成你要随机显示的图片数; 
if(myNum == 1) document.write("<img src='photo/back.jpg'>"); 
if(myNum == 2) document.write("<img src='photo/j2.gif'>"); //图片路径,可用http:// ;
if(myNum == 3) document.write("<img src='photo/email.gif'>"); 
if(myNum == 4) document.write("<img src='photo/arrow.gif'>"); 
if(myNum == 5) document.write("<img src='photo/j2.gif'>"); 
if(myNum == 6) document.write("<img src='photo/email.gif'>"); 
if(myNum == 7) document.write("<img src='photo/arrow.gif'>"); 
if(myNum == 8) document.write("<img src='photo/j2.gif'>"); 
if(myNum == 9) document.write("<img src='photo/back.jpg'>"); 
if(myNum == 10) document.write("<img src='photo/email.gif'>"); 
else { 
document.write(); 

}; 
document.write("</CENTER>"); 
//--> 
</script> 
其实改一改随机什么都行,也不一定在body中


图片显隐效果 
脚本说明: 
把如下代码加入<body>区域中 
<script language=javascript> 
// Flash Image Extension for Dreamwever ,by Yichun Yuan(dezone(AT)sina.com) 
nereidFadeObjects = new Object(); 
nereidFadeTimers = new Object(); 
function nereidFade(object, destOp, rate, delta){ 
if (!document.all) 
return 
if (object != "[object]"){ //do this so I can take a string too 
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> 
<a href=#><img src="photoshopcn.jpg" border=0 onMouseOut=nereidFade(this,50,10,5) onMouseOver=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=40)"></a> 


真正做到滚动条透明的代码


<STYLE>
body{
scrollbar-base-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
background:url(背景图片地址);
overflow:hidden;
margin:0;
}
div.main{
overflow:scroll;
width:100%;
height:100%;
filter: chroma(color=#ffffff);
}
</STYLE>


<DIV class=main id=Layer1 style="Z-INDEX: 1; RIGHT: 600px; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 400px; POSITION: absolute; TOP: 47px; HEIGHT: 400px">框架内容</DIV>
 


--------------------------------------------------------------------------------
背景音乐代码集合 
1. 如何贴rm,ra,ram类型的音乐,代码如下: 
<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="http://guest.anyp.cn/uploads/01.rm";> 


2. 如何贴midi,asf,wma,asx类型的音乐,代码如下: 
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="http://guest.anyp.cn/uploads/01.mid";> 


只需要把整段代码copy复制到文章中(编辑文章的时请先点击HTML代码模式再粘贴代码,否则这段代码会以文本形式显示出来,不能被执行),用你喜欢及可用的音乐文件的URL(网址)代替上面红色显示的音乐地址代码就可以了。 


造成音乐不能成功播放的大多数原因: 
A:音乐文件错误,有可能这个文件本身就不是音乐的文件,只是一个普通的HTML页面。 
B:音乐文件地址错误,这个音乐文件根本不存在。 
C:没有安装相关的播放软件。 


测试的办法:请把音乐文件地址在IE栏输入,如果提示你保存,保存的文件类型是rm、ram、midi等的文件即是音乐文件。如果打开这个文件是自动播放音乐或显示其他内容的,则不是。 


添加带音乐的flash,然后在弹出窗口输入你的FLASH地址,注意后戳名为:http://xxxxx.xxxx.swf,大小可以调整为,1*1,这样可以在不显示FALSH的情况下播放音乐,但是记住要为自动播放的,不要找那种需要按开始的FLASH 




加入一段在线音乐播放代码,推荐使用:<IFRAME marginHeight=0 src="http://www.yqchina.com/play.htm"; frameBorder=0 noResize width=540 scrolling=no height=25> 将此代码放入网站合适地方,将24小时不间断放歌,次代码由清风网络电台提供 






以下代码由[秋天的风]提供:首先打开我的文章,进入编辑状态,选择HTML格式然后就可以输入了,下面我们来看代码,首先来看第一种,比较简单的: 




<bgsound src="/”url"” loop=-1> 




“url”依然是路径名,loop表示循环数,-1表示始终循环 




来看第二种: 


<EMBED src="music.mid" autostart="bool" loop="n" width="m" height="k"> 




其中各个属性的含义如下: 




SRC:音乐文件路径 
(以下可选) AUTOSTART:音乐文件上传完后自动播放,TRUE为播放,FALSE为否 
LOOP:设置循环TRUE为自动循环,FALSE为不循环,数值为次数 
WIDTH,HEIGHT为播放控制面板的宽和高, 
其余的属性有: 
volume:取值范围为"0-100",设置音量,默认为系统本身的音量 
starttime:"分:秒",设置歌曲开始播放的时间,如,starttime="00:10",从第10秒开始播放 
endtime: "分:秒",设置歌曲结束播放的时间 
controls :控制面板的外观controls="console/smallconsole/playbutton/ pausebutton/stopbutton/volumelever" ·console 正常大小的面板 
·smallconsole 较小的面板 
·playbutton 显示播放按钮 
·pausebutton 显示暂停按钮 
·stopbutton 显示停止按钮 
·volumelever 显示音量调节按钮 
hidden: 为true时可以隐藏面板 




——以下代码由[风之舞]提供: 
背景音乐代码精简
1、<embed src="背景音乐网址" hidden="true" autostart="true" loop="true"> 


--------hidden="true"表示隐藏播放,即不显示播放器的外观,若要想显示,把"true" 替换为"false"即可,这样为默认是最小化播放,若还想具体显示播放器的大小,另加上height="高度值" width="宽度值" 就可以了。 


-------autostart="true"表示当前页一载入则自动播放,若不希望播放改为autostart="false" 
即可... 


------ loop="true"表示无限次循环播放音乐直到当前页关闭为止,不想循环播放替换为 loop="false"就OK了 


2、<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" > 


-----------loop="-1" 表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop="2" 


---------controls="ControlPanel"这个控制选项可省略 


--------width="0" height="0"表示隐藏播放,和前面的一样。 
若欲设置播放器的外观,则替换为具体的数值就可以了,比如width="123" height="100" 


-------------------------------------------------- 
其实要说最简化的播放背景音乐的代码,则下面的代码是最简单的了---> 


<embed src="背景音乐网址" > 
----------------------------------------------------- 


另外:bgsound src="背景音乐路径" loop="-1"> 


这个只支持IE浏览器,而且是完全下载完后才开始播放,不像前面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用前面所说的格式吧~~ 
<bgsound src="背景音乐路径" loop="-1">这个随浏览器的打开而播放,当最小化窗口时即停止播放,当最大化窗口时又开始播放。 
而,<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >常用于mid,,wav,mp3类型的音乐类型. 




这个则不管是否最小化窗口都始终播放,直至关闭当前窗口为止~~ 


支持的音乐文件类型:只支持MP播放器所支持的音乐格式,比如mp3,asf,wma,asx等等. 
不支持rm,ram.... 


视频文件的插入方法也和上面所说的一样,设置好合适的 


音乐代码解释 
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="http://guest.anyp.cn/uploads/01.mid"> 
解释一下: 


AUTOSTART="TRUE / FALSE" 
是否要在音乐档传完之后,就自动播放音乐。 TRUE 是要  
FALSE 是不要,内定值是不要。 




LOOP="TRUE / FALSE / 整数" 
设定是否要自动反覆播放,LOOP=2 表示重复两次,若要无限次重复可用 LOOP="TRUE"  




WIDTH 和 HIGH="整数" 
设定控制面版的宽度和高度  


CONTROLS="CONSOLE / SMALLCONSOLE / 
PLAYBUTTON / PAUSEBUTTON / STOPBUTTON / 
VOLUMELEVER" 
设定控制面板的样子,预设值是 CONSOLE  


   CONSOLE 一般正常的面板 
   SMALLCONSOLE 较小的面板 
   PLAYBUTTON 只显示播放按钮 
   PAUSEBUTTON 只显示暂停按钮 
   STOPBUTTON 只显示停止按钮 
   VOLUMELEVER 只显示音量调整钮 




--------------------------------------------------------------------------------
圖片特傚代碼 
1、让背景固定不滚动


<Body bgproperties="fixed"> 




2、随即显示图片,而每张图片会连接至不同的网址。将代码加入<body></body>之间。


<SCRIPT Language="JavaScript"> 
//随即图片加连接
pic01=new Array(); //图片路径(可用完整http的路径)
pic01[0]="hp_img/pki_title_01.gif";
pic01[1]="hp_img/pki_title_02.gif";
pic01[2]="hp_img/pki_title_03.gif";
pic01[3]="hp_img/pki_title_04.gif";


alt=new Array();//图片说明
alt[0]="蕃薯藤"; //对应pic01(0)图片的说明
alt[1]="YAHOO";
alt[2]="SINA";
alt[3]="104";


url=new Array();//连接网址
url[0]="http://www.yam.com.tw"; //请对应pic01[0]的图片及alt[0]的说明
url[1]="http://www.yahoo.com.tw";
url[2]="http://www.sina.com.tw";
url[3]="http://www.104.com.tw";


index = Math.floor(Math.random() * pic01.length); 
document.write ("<a href="/+url[index]+" target='_balnk'><img src="+ pic01[index] +" alt="+alt[index]+" border=0></a>");  
</SCRIPT>




3、鼠标指向图标时图片会变清晰,移开则变淡.


将代码一插入在<head></head>之间.


<STYLE>#spotlight {
FILTER: light
}


</STYLE>
<SCRIPT language=JavaScript1.2>


function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
}




function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}


</SCRIPT>




将代码二插入在<body></body>之间.其中注意更改链接网址和图片位置.


<a href="http://jxco.vip.sina.com"><img border=0 name=Image1 onMouseOut=low(this) onMouseOver=high(this)
src="../images/logo.gif" style="FILTER: alpha(opacity=40)" width=150 height="200"></a>




4、当鼠标移动到图片上时,回出现图片摇动的现象。


<img src=图片地址 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">




5、图片纵向滚动连接(很适用友情连接)


<marquee id=snowscroll direction=up scrollDelay=100 scrollAmount=2 width=500 height=100 onMouseout=snowscroll.start() onMouseover=snowscroll.stop()>
<p align=center>
<a href="连接地址" target=_blank><img src="LOGO地址" width="88" height="31" border=0></a><br><br>
<a href="连接地址" target=_blank><img src="LOGO地址" width="88" height="31" border=0></a><br><br>
</marquee>


其中,width是显示出来的宽度,height是高度,可以根据需要调整。而scrollamount 和 scrolldelay 可以改变速度。direction是改变LOGO滚动的方向。




『注:以上代碼大傢自己研究。本人沒有使用。只提供一下』
 


--------------------------------------------------------------------------------
浏览器全屏显示代码 
脚本说明: 把如下代码加入<body>区域中 


<form> <div align="center"> <input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'big', 'fullscreen=yes')"> </div> </form>
 


--------------------------------------------------------------------------------
雾化连接代码 
<div style="width: 96; height: 9" class=coffee onMouseOver="this.style.filter='glow(color=#FFCC00, strength=6)'" onMouseOut='this.style.filter=""'> <a href="http://jojoo.net">第一个链接</a></div> <div style="width: 96; height: 9" class=coffee onMouseOver="this.style.filter='glow(color=#00FF00, strength=6)'" onMouseOut='this.style.filter=""'> <a href="http://jojoo.net">第二个链接</a></div> <div style="width: 96; height: 9" class=coffee onMouseOver="this.style.filter='glow(color=#00FFFF, strength=6)'" onMouseOut='this.style.filter=""'> <a href="http://jojoo.net">第三个链接</a></div> 


--------------------------------------------------------------------------------
根据日期不同播放不同音乐代码 
要完成此效果把如下代码加入到<body>区域中 
<table border=0 bordercolor=#000000 borderlight=green align="center">
<tr>
<td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong><font face="楷体_GB2312" size="4">跟据日期能听到不同的音乐!</font></strong></font></td>
</tr><tr><td align=center><SCRIPT language="JavaScript">


<!--


page=new Date();


if (page.getDate() == 1) 


document.write("<bgsound src="/song1.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 2) 


document.write("<bgsound src="/song2.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 3) 


document.write("<bgsound src="/song3.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 4) 


document.write("<bgsound src="/song4.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 5) 


document.write("<bgsound src="/song5.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 6) 


document.write("<bgsound src="/song6.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 7) 


document.write("<bgsound src="/song7.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 8) 


document.write("<bgsound src="/song8.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 9) 


document.write("<bgsound src="/song9.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 10) 


document.write("<bgsound src="/song10.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 11) 


document.write("<bgsound src="/song1.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 12) 


document.write("<bgsound src="/song2.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 13) 


document.write("<bgsound src="/song3.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 14) 


document.write("<bgsound src="/song4.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 15) 


document.write("<bgsound src="/song5.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 16) 


document.write("<bgsound src="/song6.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 17) 


document.write("<bgsound src="/song7.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 18) 


document.write("<bgsound src="/song8.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 19) 


document.write("<bgsound src="/song9.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 20) 


document.write("<bgsound src="/song10.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 21) 


document.write("<bgsound src="/song1.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 22) 


document.write("<bgsound src="/song2.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 23) 


document.write("<bgsound src="/song3.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 24) 


document.write("<bgsound src="/song4.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 25) 


document.write("<bgsound src="/song5.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 26) 


document.write("<bgsound src="/song6.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 27) 


document.write("<bgsound src="/song7.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 28) 


document.write("<bgsound src="/song8.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 29) 


document.write("<bgsound src="/song9.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 30) 


document.write("<bgsound src="/song10.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


 


if (page.getDate() == 31) 


document.write("<bgsound src="/song1.mid" width=145 height=30 autostart=true loop=-1 volume=50>");


page=new Date();


var months = new Array(13);


months[1] = "1月";


months[2] = "2月";


months[3] = "3月";


months[4] = "4月";


months[5] = "5月";


months[6] = "6月";


months[7] = "7月";


months[8] = "8月";


months[9] = "9月";


months[10] = "10月";


months[11] = "11月";


months[12] = "12月";


 


var dateObj = new Date()


var lmonth = months[dateObj.getMonth() + 1]


var date = dateObj.getDate()


 


document.write("<br>" +"今天是:"+ lmonth + date+"日"+"播放"+ lmonth + date+"的音乐")


 


//-->


 


 


</SCRIPT></td></tr>


</table>
<div align="center"></div>


 


--------------------------------------------------------------------------------
背景音乐随机播放代码 
要完成此效果把如下代码加入到<body>区域中 <SCRIPT language="JavaScript"> <!-- var sound1="song1.mid" var sound2="song2.mid" var sound3="song3.mid" var sound4="song4.mid" var sound5="song5.mid" var sound6="song6.mid" var sound7="song7.mid" var sound8="song8.mid" var sound9="song9.mid" var sound10="song10.mid" var x=Math.round(Math.random()*9) if (x==0) x=sound1 else if (x==1) x=sound2 else if (x==2) x=sound3 else if (x==3) x=sound4 else if (x==4) x=sound5 else if (x==5) x=sound6 else if (x==6) x=sound7 else if (x==7) x=sound8 else if (x==8) x=sound9 else x=sound10 if (navigator.appName=="Microsoft Internet Explorer") document.write('<bgsound src="/+'"'+x+'"'+' loop="infinite">') else document.write('<embed src="/+'"'+x+'"'+'hidden="true" border="0" width="20" height="20" autostart="true" loop="true">') //--> </SCRIPT> 


--------------------------------------------------------------------------------
滚动的文字说明代码 
<a href="http://www.******.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;background-color:seashell">
<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>




说明 鼠标放到链接上就会出现一个说明框,里面有滚动的文字说明
 




 


--------------------------------------------------------------------------------
状态栏里的动态欢迎语代码 
<script language="JavaScript">
<!--
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
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "欢迎光临! 安徽省肥东县自来水公司主页"
var scroll = new statusMessageObject()
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>


说明 浏览器的状态栏里出现一个字接一个字往左跑的欢迎语! 




 


--------------------------------------------------------------------------------
保护自己的页面不被别人放在框架中 
<Script LANGUAGE="JavaScript">
if(self!=top){top.location=self.location;}
</script>


说明 有些人真是懒得可以,把别人做好的网页往自己网页的框架(Frame)里一放,别人的成果就变成了自己的,而且看不出该网页的真实地址!为了防止你的成果被这些人所剽窃,你就可以在你网页的HTML里加入下面这段代码,这样,你的网页便总是在整个窗口中打开了。  




 


--------------------------------------------------------------------------------
图片跟随着鼠标代码 
说明:图片跟随着鼠标,最好把图片做成透明的,那样效果更好 
代码:
<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> 


--------------------------------------------------------------------------------
javascript的容错代码 
说明: javascript的容错脚本,有了它,你的页面就不会出现错误提示了。 
代码: 
<SCRIPT LANGUAGE="JavaScript">
<!--
function Helpor_net() {
return true;
}
window.onerror = Helpor_net();
// -->
</SCRIPT> 


--------------------------------------------------------------------------------
六种风格时间代码 
说明: 六种风格时间显示,一定有你喜欢的! 
效果: 风格一: 星期二,6月1日,2004年 
风格二: 7:56:28上午 
风格三: 星期二,6月1日,2004年 7:56:28上午 
风格四: 6/1/04 
风格五: 7:56:28 
风格六: Tue Jun 1 07:56:28 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(d)
{
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>
 


--------------------------------------------------------------------------------
文本自动向上循环滚动代码 
说明: 文本自动向上循环滚动,鼠标放到上面还会暂时停下来。 
代码:
<table border="1" bordercolor="#000000" bgcolor="#6699ff" cellpadding="5" cellspacing="0">
<tr>
<td>
<script language=javascript>


document.write ("<marquee scrollamount='1' scrolldelay='30' direction= 'UP' width='200' id='helpor_net' height='150' onmouseover='helpor_net.stop()' onmouseout='helpor_net.start()' Author:redriver; For more,visit:www.helpor.net>")


document.write ("<h2><p align='center'><font color='#ffffff' face='黑体'>偶 然</font></h2>")
document.write ("<p align='right'><a href='#' target='_blank'><font color='#ffffff'>徐志摩</font></a> ")
document.write ("<p><font color='#ffffff'> ")
document.write ("<br>我是天空里的一片云,")
document.write ("<br>偶尔投影在你的波心—— ")
document.write ("<br>你不必讶异, ")
document.write ("<br>更无须欢喜—— ")
document.write ("<br>在转瞬间消灭了踪影。")
document.write ("<br>")
document.write ("<br>你我相逢在黑暗的海上,")
document.write ("<br>你有你的,我有我的,方向;")
document.write ("<br>你记得也好, ")
document.write ("<br>最好你忘掉, ")
document.write ("<br>在这交会时互放的光亮! ")
document.write ("</font>")


document.write ("</marquee> ")
</script>
</td>
</tr>
</table>
 


--------------------------------------------------------------------------------
背景图片代码 
方法一: 
文章编辑的时候点击创建表格后在弹出的窗口中把边框设置为0,然后填上背景图片的链接地址就好了 


也可以用代码: 
<TABLE height=600 width=600 background=你的背景图片地址 border=0> 
<TBODY> 
<TR> 
<TD>你的主体内容</TD></TR></TBODY></TABLE> 方法一: 
文章编辑的时候点击创建表格后在弹出的窗口中把边框设置为0,然后填上背景图片的链接地址就好了 


也可以用代码: 
<TABLE height=600 width=600 background=你的背景图片地址 border=0> 
<TBODY> 
<TR> 
<TD>你的主体内容</TD></TR></TBODY></TABLE> 


方法二: 
<body background=你的背景图片地址 >


方法三: 
<STYLE type=text/css><!--body {background-image:url(你的背景图片地址);background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}--> </STYLE>


方法四: 


背景图是在HTML模式下把以下代码加到已有代码最前面: 
<body background="图片地址"> 
注:图片地址必须是网络上已有的图片,不是本地机的,如果要链接本地机的,必先在相册或者其他文章上传之后才可以调用。 


方法五:
<STYLE TYPE="text/css">
<!-- 
BODY {background-image: URL(图片地址); 
background-position: center; 
background-repeat: no-repeat; 
background-attachment: fixed;} 
--> 
</STYLE> 


--------------------------------------------------------------------------------
可以让页面自动刷新的代码。 
<META http-equiv=refresh content=60>


注:代码中的“60”代表每60秒页面自动刷新一次。那个“60”可以是任何数值。
 


--------------------------------------------------------------------------------
进入{退出}网页弹出信息框 




进入网页弹出信息框 
<body onLoad= alert("你要弹出的信息")>




此代码可以让你一进入网页就会弹出一个信息框,""内可以填写你要弹出的信息


-------------------------------------
退出网页弹出信息框 
<body onUnload= alert("你要弹出的信息")>


此代码可以让你退出网页时就会弹出一个信息框,""内可以填写你要弹出的信息


 


--------------------------------------------------------------------------------
屏蔽鼠标左右键和ctrl带说话. 
<!--#特效来源:http://arq.9139.com-->
<BODY style='cursor:url(/56.cur)'>
<!-- Saved From url=http://arq.9139.com -->
<SCRIPT LANGUAGE=javascript>
function click() {
alert('鼠标左键要说的话') }
function click1() {
if (event.button==2) {alert('鼠标右键要说的话') }}
function CtrlKeyDown(){
if (event.ctrlKey) {alert('ctrl要说的话') }}
document.onkeydown=CtrlKeyDown;
document.onselectstart=click;
document.onmousedown=click1;
</SCRIPT>




---------------------------------------


註意:


[ 請填寫好.左右鍵.ctrl 說的話 ]


[ 請把此代碼加入脩改我的個性摸版源碼內 ]
 


--------------------------------------------------------------------------------
彻底屏蔽鼠标右键.不会说话  
<!--禁右-->
<script language=javascript> 
<!-- 
if (window.Event) 
document.captureEvents(Event.MOUSEUP); 
function nocontextmenu(){ 
event.cancelBubble = true 
event.returnValue = false; 
return false; 

function norightclick(e){ 
if (window.Event){ 
if (e.which == 2 || e.which == 3) 
return false; 

else 
if (event.button == 2 || event.button == 3){ 
event.cancelBubble = true 
event.returnValue = false; 
return false; 


document.oncontextmenu = nocontextmenu; // for IE5+ 
document.onmousedown = norightclick; // for all others 
//--> 
</script>


---------------


注意:[請此代碼加入到主摸版里的源码内]
 


--------------------------------------------------------------------------------
页面之间过度方式代码 
<meta http-equiv="Page-Exit" content="revealTrans(Duration=23,Transition=5)"> 


此代码可以在链接其它页面的时候产生一种过度的特效,Duration 的值为网页动态过渡的时间,单位为秒。 Transition 是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表: 0 盒状收缩 1 盒状放射 2 圆形收缩 3 圆形放射 4 由下往上 5 由上往下 6 从左至右 7 从右至左 8 垂直百叶窗 9 水平百叶窗 10 水平格状百叶窗 11垂直格状百叶窗 12 随意溶解 13从左右两端向中间展开 14从中间向左右两端展开 15从上下两端向中间展开 16从中间向上下两端展开 17 从右上角向左下角展开 18 从右下角向左上角展开 19 从左上角向右下角展开 20 从左下角向右上角展开 21 水平线状展开 22 垂直线状展开 23 随机产生一种过渡方式 
 


--------------------------------------------------------------------------------
滚动条代码 
<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #f892cc;
SCROLLBAR-HIGHLIGHT-COLOR: #f256c6;
SCROLLBAR-SHADOW-COLOR: #fd76c2;
SCROLLBAR-3DLIGHT-COLOR: #fd76c2;
SCROLLBAR-ARROW-COLOR: #fd76c2;
SCROLLBAR-TRACK-COLOR: #fd76c2;
SCROLLBAR-DARKSHADOW-COLOR: #f629b9;
SCROLLBAR-BASE-COLOR: #e9cfe0
}
</STYLE>




SCROLLBAR-FACE-COLOR: 滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR: 立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR: 上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR: 滚动条强阴影的颜色
SCROLLBAR-BASE-COLOR: 滚动条的基本颜色
 
 
 


--------------------------------------------------------------------------------
添加国际标准时间的代码:
<embed src="http://www.time.ac.cn/IMG/DigitalClock.swf" width="165" height="63" align="center" quality="High" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="#c0c0c0" wmode="transparent"></embed></OBJECT>
原创粉丝点击