一些很实用且必用的小脚本代码

fireinwind

浏览: 1084743 次
性别:
来自: 北京

最近访客更多访客>>

agustins

u012363178

qja

kangjiabei

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

脚本 JavaScript CSS VBScript Go

脚本1:进入主页以后自动播放声音
<embed src="pnm://10.13.31.90/~kayvin/mihunji.rm" hidden=true autostart=true loop=true> 脚本2:进入主页后自动最大话,省的去在自己单击了 
<script> 
self.moveTo(0,0) 
self.resizeTo(screen.availWidth,screen.availHeight) 
</script> 

脚本3:显示现在时间的脚本 

<script language=vbscript>document.write now</script> 

脚本4:显示最后修改时间的脚本 

<script>document.write(document.lastModified)</script> 

脚本5:设为首页,加为收藏，加入频道,启动outlook发信 

<a style="cursor:hand"　 
onclick="this.style.behavior="url(#default#homepage)"; 
this.setHomePage(http://jb51.net/);">">设为首页</a> 

<a style="cursor:hand" 
onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a> 

<a href=javascript:window.external.addChannel("typhoon.cdf")>加入频道</a> 
<a href=douxy001@gmail.com>与我联系</a> 

脚本6:状态栏动态显示现在时间 


<script> 
function see(){ 
window.setTimeout("see()",1000); 
today = new Date(); 
self.status = today.toString(); 
} 
</script> 
<body onload=see()> 


脚本7:关闭窗口的脚本 


<a href=javascript:close()>[关闭窗口]</a> 

脚本8:按下F12键,直接返回首页 


<script>function look(){ 
if(event.keyCode==123){document.location.href=http://10.13.31.90/~kayvin/} 
} 
if(document.onkeydown==null) 
{document.onkeydown=look} 
</script> 


脚本9:后退,刷新,前进 


<input type=button value=后退 onclick=history.go(-1)> 

<input type=button value=刷新 onclick=history.go(-0)> 

<input type=button value=前进 onclick=history.go(+1)> 


脚本10:设定时间弹出窗口,4000=4秒,当然你可以自定义 


<script>function l() 
{ 
window.open(" 10.13.31.90/~kayvin/ ","name","width=500,height=150,border=0") 
} 
setTimeout("l()",4000) 

</script> 





脚本11:鼠标旁边的提示信息,类似与163登录后的页面提示效果 




<a href="#" title="这是提示">tip</a> 
<script Language="JavaScript"> 
//***********默认设置定义.********************* 
tPopWait=50;//停留tWait豪秒后显示提示。 
tPopShow=5000;//显示tShow豪秒后关闭提示 
showPopStep=20; 
popOpacity=99; 
//***************内部变量定义***************** 
sPop=null; 
curShow=null; 
tFadeOut=null; 
tFadeIn=null; 
tFadeWaiting=null; 
document.write("<style type='text/css'id='defaultPopStyle'>"); 
document.write(".cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}"); 
document.write("</style>"); 
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>"); 
function showPopupText(){ 
var o=event.srcElement; 
MouseX=event.x; 
MouseY=event.y; 
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""}; 
if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""}; 
if(o.dypop!=sPop) { 
sPop=o.dypop; 
clearTimeout(curShow); 
clearTimeout(tFadeOut); 
clearTimeout(tFadeIn); 
clearTimeout(tFadeWaiting); 
if(sPop==null || sPop=="") { 
dypopLayer.innerHTML=""; 
dypopLayer.style.filter="Alpha()"; 
dypopLayer.filters.Alpha.opacity=0; 
} 
else { 
if(o.dyclass!=null) popStyle=o.dyclass 
else popStyle="cPopText"; 
curShow=setTimeout("showIt()",tPopWait); 
} 
} 
} 
function showIt(){ 
dypopLayer.className=popStyle; 
dypopLayer.innerHTML=sPop; 
popWidth=dypopLayer.clientWidth; 
popHeight=dypopLayer.clientHeight; 
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24 
else popLeftAdjust=0; 
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24 
else popTopAdjust=0; 
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust; 
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust; 
dypopLayer.style.filter="Alpha(Opacity=0)"; 
fadeOut(); 
} 
function fadeOut(){ 
if(dypopLayer.filters.Alpha.opacity<popOpacity) { 
dypopLayer.filters.Alpha.opacity+=showPopStep; 
tFadeOut=setTimeout("fadeOut()",1); 
} 
else { 
dypopLayer.filters.Alpha.opacity=popOpacity; 
tFadeWaiting=setTimeout("fadeIn()",tPopShow); 
} 
} 
function fadeIn(){ 
if(dypopLayer.filters.Alpha.opacity>0) { 
dypopLayer.filters.Alpha.opacity-=1; 
tFadeIn=setTimeout("fadeIn()",1); 
} 
} 
document.onmouseover=showPopupText; 
</script> 


脚本12：如果文字过长,则将过长的部分变成省略号显示 



<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue; 
overflow: hidden; text-overflow:ellipsis"> 
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR> 
</DIV> 

脚本13：滚动的图片 



<script language="javascript"> 
imgArr=new Array() 
imgArr[0]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>" 
imgArr[1]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>" 
imgArr[2]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>" 
imgArr[3]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>" 
imgArr[4]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>" 
var moveStep=4 //步长，单位：pixel 
var moveRelax=100 //移动时间间隔，单位：ms 
ns4=(document.layers)?true:false 
var displayImgAmount=4 //视区窗口可显示个数 
var divWidth=220 //每块图片占位宽 
var divHeight=145 //每块图片占位高 
var startDnum=0 
var nextDnum=startDnum+displayImgAmount 
var timeID 
var outHover=false 
var startDivClipLeft 
var nextDivClipRight 
function initDivPlace(){ 
if (ns4){ 
for (i=0;i<displayImgAmount;i++){ 
eval("document.divOuter.document.divAds"+i+".left="+divWidth*i) 
} 
for (i=displayImgAmount;i<imgArr.length;i++){ 
eval("document.divOuter.document.divAds"+i+".left="+divWidth*displayImgAmount) 
} 
}else{ 
for (i=0;i<displayImgAmount;i++){ 
eval("document.all.divAds"+i+".style.left="+divWidth*i) 
} 
for (i=displayImgAmount;i<imgArr.length;i++){ 
eval("document.all.divAds"+i+".style.left="+divWidth*displayImgAmount) 
} 
} 
} 
function mvStart(){ 
timeID=setTimeout(moveLeftDiv,moveRelax) 
} 
function mvStop(){ 
clearTimeout(timeID) 
} 
function moveLeftDiv(){ 
if (ns4){ 
for (i=0;i<=displayImgAmount;i++){ 
eval("document.divOuter.document.divAds"+parseInt((startDnum+i)%imgArr.length)+".left=document.divOuter.document.divAds"+parseInt((startDnum+i)%imgArr.length)+".left-moveStep") 
} 
startDivClipLeft=parseInt(eval("document.divOuter.document.divAds"+startDnum+".clip.left")) 
nextDivClipRight=parseInt(eval("document.divOuter.document.divAds"+nextDnum+".clip.right")) 
if (startDivClipLeft+moveStep>divWidth){ 
eval("document.divOuter.document.divAds"+nextDnum+".clip.right="+divWidth) 

eval("document.divOuter.document.divAds"+startDnum+".left="+divWidth*displayImgAmount) 
eval("document.divOuter.document.divAds"+parseInt((nextDnum+1)%imgArr.length)+".left=document.divOuter.document.divAds"+nextDnum+".left+"+divWidth) 
eval("document.divOuter.document.divAds"+parseInt((nextDnum+1)%imgArr.length)+".clip.left=0") 


startDnum=(++startDnum)%imgArr.length 
nextDnum=(startDnum+displayImgAmount)%imgArr.length 

startDivClipLeft=moveStep-(divWidth-startDivClipLeft) 
nextDivClipRight=moveStep-(divWidth-nextDivClipRight) 
}else{ 
eval("document.divOuter.document.divAds"+nextDnum+".clip.left=0") 
startDivClipLeft+=moveStep 
nextDivClipRight+=moveStep 
} 
eval("document.divOuter.document.divAds"+startDnum+".clip.left="+startDivClipLeft) 
eval("document.divOuter.document.divAds"+nextDnum+".clip.right="+nextDivClipRight) 
}else{ 
for (i=0;i<=displayImgAmount;i++){ 
eval("document.all.divAds"+parseInt((startDnum+i)%imgArr.length)+".style.left=document.all.divAds"+parseInt((startDnum+i)%imgArr.length)+".style.pixelLeft-moveStep") 
} 

startDivClipLeft=parseInt(eval("document.all.divAds"+startDnum+".currentStyle.clipLeft")) 
nextDivClipRight=parseInt(eval("document.all.divAds"+nextDnum+".currentStyle.clipRight")) 

if (startDivClipLeft+moveStep>divWidth){ 
eval("document.all.divAds"+nextDnum+".style.clip='rect(0,"+divWidth+","+divHeight+",0"+")'") 

eval("document.all.divAds"+startDnum+".style.left="+divWidth*displayImgAmount) 
eval("document.all.divAds"+parseInt((nextDnum+1)%imgArr.length)+".style.left=document.all.divAds"+nextDnum+".style.pixelLeft+"+divWidth) 

startDnum=(++startDnum)%imgArr.length 
nextDnum=(startDnum+displayImgAmount)%imgArr.length 

startDivClipLeft=moveStep-(divWidth-startDivClipLeft) 
nextDivClipRight=moveStep-(divWidth-nextDivClipRight) 
}else{ 
startDivClipLeft+=moveStep 
nextDivClipRight+=moveStep 
} 
eval("document.all.divAds"+startDnum+".style.clip='rect(0,"+divWidth+","+divHeight+","+startDivClipLeft+")'") 
eval("document.all.divAds"+nextDnum+".style.clip='rect(0,"+nextDivClipRight+","+divHeight+",0)'") 
} 
if (outHover){ 
mvStop() 
}else{ 
mvStart() 
} 


} 
function writeDivs(){ 
if (ns4){ 
document.write("<ilayer name=divOuter width=750 height="+divHeight+">") 

for (i=0;i<imgArr.length;i++){ 
document.write("<layer name=divAds"+i+">") 
document.write(imgArr[i]+" ") 
document.write("</layer>") 
} 
document.write("</ilayer>") 
document.close() 
for (i=displayImgAmount;i<imgArr.length;i++){ 
eval("document.divOuter.document.divAds"+i+".clip.right=0") 
} 
}else{ 
document.write("<div id=divOuter style='position:relative' width=750 height="+divHeight+">") 

for (i=0;i<imgArr.length;i++){ 
document.write("<div id=divAds"+i+" style='position:absolute;clip:rect(0,"+divWidth+","+divHeight+",0)'>") 
document.write(imgArr[i]+" ") 
document.write("</div>") 
} 
document.write("</div>") 
for (i=displayImgAmount;i<imgArr.length;i++){ 
eval("document.all.divAds"+i+".style.clip='rect(0,0,"+divHeight+",0)'") 
} 
} 
} 
</script> 
<BODY onload=javascript:mvStart()> 
<SCRIPT language=javascript>writeDivs();initDivPlace();</SCRIPT> 
脚本14：接收键盘指令的脚本 




按A就会跳转到地图名片的网页,请按A 
<SCRIPT language="JavaScript"> 
<!-- 
var hotkey=97 
var destination="http://mc.mapabc.com" 
if (document.layers) 
document.captureEvents(Event.KEYPRESS) 
function backhome(e){ 
if (document.layers){ 
if (e.which==hotkey) 
window.location=destination 
} 
else if (document.all){ 
if (event.keyCode==hotkey) 
window.location=destination 
} 
} 
document.onkeypress=backhome 



onkeydown="javascript:onenter();" 

function onenter(){ 
if(event.keyCode==13){ 
alert("回车"); 
} 
} 
</SCRIPT> 


function onenter(){ 
if(event.keyCode==13){ 
alert("回车"); 
} 
} 
</SCRIPT> 


onkeydown="javascript:onenter();" 

function onenter(){ 
if(event.keyCode==13){ 
alert("回车"); 
} 
} 
</SCRIPT> 


function onenter(){ 
if(event.keyCode==13){ 
alert("回车"); 
} 
} 
</SCRIPT> 




onkeydown="javascript:onenter();" 

function onenter(){ 
if(event.keyCode==13){ 
alert("回车"); 
} 
} 
</SCRIPT> 


function onenter(){ 
if(event.keyCode==13){ 
alert("回车"); 
} 
} 
</SCRIPT> 


onkeydown="javascript:onenter();" 

function onenter(){ 
if(event.keyCode==13){ 
alert("回车"); 
} 
} 
</SCRIPT> 


function onenter(){ 
if(event.keyCode==13){ 
alert("回车"); 
} 
} 
</SCRIPT> 

脚本15：让你的文本链接渐隐渐显

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
</HEAD> 

<BODY> 
<script language="javascript" type="text/javascript"> 


startColor = "#671700"; // 定义链接颜色 
endColor = "#D8D1C5";  // 定义要渐变到最后的颜色 

stepIn = 17;  
stepOut = 23;  

/* 
定义是否让所有的文本链接自动渐变，true为是，false为否 
*/ 
autoFade = true;   

/* 
在这里定义css样式里的类class：fade，如果为true，那么你要将要渐变的链接上加上此fade样式 
*/ 
sloppyClass = false;  

hexa = new makearray(16); 
for(var i = 0; i < 10; i++) 
    hexa[i] = i; 
hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; 
hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; 

document.onmouseover = domouseover; 
document.onmouseout = domouseout; 

startColor = dehexize(startColor.toLowerCase()); 
endColor = dehexize(endColor.toLowerCase()); 

var fadeId = new Array(); 

function dehexize(Color){ 
 var colorArr = new makearray(3); 
 for (i=1; i<7; i++){ 
  for (j=0; j<16; j++){ 
   if (Color.charAt(i) == hexa[j]){ 
    if (i%2 !=0) 
     colorArr[Math.floor((i-1)/2)]=eval(j)*16; 
    else 
     colorArr[Math.floor((i-1)/2)]+=eval(j); 
   } 
  } 
 } 
 return colorArr; 
} 

function domouseover() { 
  if(document.all){ 
   var srcElement = event.srcElement; 
   if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) 
        fade(startColor,endColor,srcElement.uniqueID,stepIn);       
   } 
} 

function domouseout() { 
  if (document.all){ 
   var srcElement = event.srcElement; 
    if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) 
        fade(endColor,startColor,srcElement.uniqueID,stepOut); 
    } 
} 

function makearray(n) { 
    this.length = n; 
    for(var i = 1; i <= n; i++) 
        this[i] = 0; 
    return this; 
} 

function hex(i) { 
    if (i < 0) 
        return "00"; 
    else if (i > 255) 
        return "ff"; 
    else 
       return "" + hexa[Math.floor(i/16)] + hexa[i%16];} 

function setColor(r, g, b, element) { 
      var hr = hex(r); var hg = hex(g); var hb = hex(b); 
      element.style.color = "#"+hr+hg+hb; 
} 

function fade(s,e, element,step){ 
 var sr = s[0]; var sg = s[1]; var sb = s[2]; 
 var er = e[0]; var eg = e[1]; var eb = e[2]; 
  
 if (fadeId[0] != null && fade[0] != element){ 
  setColor(sr,sg,sb,eval(fadeId[0])); 
  var i = 1; 
  while(i < fadeId.length){ 
   clearTimeout(fadeId[i]); 
   i++; 
   } 
  } 
   
    for(var i = 0; i <= step; i++) { 
     fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" + 
   step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+ 
   ")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step); 
  } 
 fadeId[0] = element; 
} 

</script> 

</BODY> 
</HTML> 

脚本18：DIV的透明层实现
<body bgcolor="#ff0ddd">
<div id="Layer1" style="position:absolute; width:260px; height:115px; z-index:1; left: 50px; top: 77px; filter:Alpha(opacity=30)"> 
        <table width="96%" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#999999">
          <tr> 
                                
            <td height="25" bgcolor="#f5f5f5" class="13">你也可以在这里插入图片</td>
                              </tr>
                              <tr> 
                                
            <td height="20" bgcolor="#f5f5f5" class="12">你想注册地图名片吗</td>
                              </tr>
                              <tr> 
                                
            <td height="20" bgcolor="#f5f5f5" class="12">http://mc.mapabc.com</td>
                              </tr>
                              <tr>
                                
            <td height="20" bgcolor="#f5f5f5" class="12">EMAIL:lipeng@mapabc.com</td>
                              </tr>
                              <tr> 
                                
            <td height="20" bgcolor="#f5f5f5" class="12">地址</td>
                              </tr>
                              <tr> 
                                
            <td height="20" bgcolor="#f5f5f5" class="12">邮编</td>
                              </tr>
                            </table>
              </div>

个人签名

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

图盾淘宝保护保护图片图片防盗

分享到：

售楼小姐揭露房产内幕，太给力了 | 动态监听文本框获取焦点与失去焦点事件

2010-08-25 11:32
浏览 935
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

一些很实用且必用的小脚本代码

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

一些很实用且必用的小脚本代码

评论

发表评论

相关推荐

使用casperis模拟登陆淘宝的思路及源码

Html中的textarea 的内容不居左显示问题

用JS确认删除的两种函数

Js 获取当前日期时间及其它操作实现代码

js获得当前日期和时间的代码

使用flot绘图出现window.G_vmlCanvasManager is null or not an Object

网站加密,防止截屏，打印，另存为

DIV 随着滚动条 移动

js 实现图片预加载 （js操作 Image对象属性complete ，事件onload 异步加载...

一个小巧的图片预加载类...

IE报缺少 冒号， firefox 正常。

JavaScript 在 Firefox下正常IE下报错的几个例子

js function 返回值问题

js 判断checkbox是否选中

input text 的一些事件

js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码

textarea文字怪异的居中解决办法

禁止另存,复制,右键,选取

动态监听文本框获取焦点与失去焦点事件

计算网页停留时间

最近访客更多访客>>

DIV 随着滚动条移动

js 实现图片预加载（js操作 Image对象属性complete ，事件onload 异步加载...

IE报缺少冒号，　firefox 正常。

input text　的一些事件