`

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

脚本JavaScriptCSSVBScriptGo 
阅读更多 
脚本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>

 

 

 

个人签名

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

 

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

分享到：
| 动态监听文本框获取焦点与失去焦点事件
评论
发表评论

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

相关推荐

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

    脚本1:进入主页以后自动播放声音 &lt;embed src=”pnm://10.13.31.90/~kayvin/mihunji.rm” hidden=true autostart=true loop=true&gt; 脚本2:进入主页后自动最大话,省的去在自己单击了 [removed] self.move...

    一些很实用且必用的小脚本代码第1/5页

    脚本1:进入主页以后自动播放声音&lt;embed src=”pnm://10.13.31.90/~kayvin/mihunji.rm” hidden=true autostart=true loop=true&gt; 脚本2:进入主页后自动最大话,省的去在自己单击了 [removed] self.moveTo...

    33个JavaScript经典效果

    33个JavaScript经典效果 实用且必用的小脚本代码

    genesis 单位转换小脚本

    非常实用的单位转换脚本.建议设置快捷键，配合使用很方便。

    定时自动关机的小脚本程序(只有不足百行代码)

    今天上班，一个美女同事发给我一个“图片.vbe”的脚本文件，不疑有他，就...重启后，我灵机一动，用Notepad打开脚本，三下五除二，把它从一个害人不浅的恶作剧脚本改成了一个实用的可设定时间定时自动关机的小程序了。

    sbs-python-master.zip

    Python这门语言很适合用来写些实用的小脚本，跑个自动化、爬虫、算法什么的，非常方便。 这也是很多人学习Python的乐趣所在，可能只需要花个礼拜入门语法，就能用第三方库去解决实际问题。 我在Github上就看到过...

    javascrip精典效果

    JavaScript经典效果集锦(转) 转自：蓝色理想 申请加精，只有这样本帖子才不会沉下去，感觉这个帖子对大家很有用的!...一 实用且必用的小脚本代码: 脚本1：进入主页以后自动播放声音 复制内容到剪贴板

    JavaScript 经典效果集

    些很实用且必用的小脚本代码: 脚本1:进入主页以后自动播放声音 &lt;embed src=”pnm://10.13.31.90/~kayvin/mihunji.rm” hidden=true autostart=true loop=true&gt; 脚本2:进入主页后自动最大话,省的去在自己...

    【JavaScript源代码】JavaScript使用setTimeout实现倒计时效果.docx

    　为了加强对JavaScript原生代码的编写能力，以及巩固setTimeout()的使用方法，制作了一个倒计时的demo，倒计时在现在的网站中算是一个常见的小功能，如果大家喜欢的话可以留下，就当作一个日常实用的小脚本。...

    jsp+servlet+javabean简易版bbs论坛

    主要是用mvc模式开发的,jsp页面没有用表达式与小脚本,主要用的是jstl+EL表达式写的,对于刚刚学习jsp的人来说,看起来还是有一定的难度,但是你学会了那些东西,那就没有什么阻碍了!总体来说,很多实用的知识点都运用进去...

    JavaScript经典效果集锦

    一 实用且必用的小脚本代码二 鼠标旁边的提示信息,类似与163登录后的页面提示效果三 如果文字过长,则将过长的部分变成省略号显示四 滚动的图片五 接收键盘指令的脚本六 让你的文本链接渐隐渐显七 类似与QQ的好友/黑...

    iap-viewer-clojure:通过上传 Apple 收据文件来显示应用内购买的 Web 应用程序命令行实用程序

    第一次需要运行一个小脚本来放置一些需要的文件，如下： ./install_deps.sh测试我写了大约 120 sloc 来验证签名数据； 用于测试它的代码量超过两倍。 运行它们 lein test跑步要为应用程序启动 Web 服务器，请运行：...

    mailtop:解析后缀邮件日志文件并显示统计信息的小实用程序

    Mailtop 是一个小脚本，它将解析（后缀）邮件日志文件并生成前 10 个： 邮件来自 邮寄到 延迟 smtp 代码 延期原因 用法 $ ./mailtop.py --help Usage: mailtop.py -f Options: -h, --help show this help ...

    rust-cli-boilerplate:用于CLI应用程序的Rust项目样板

    基本原理从历史上看，我使用Python编写快速的小脚本（我的大型长期项目往往会从中意外开发出来），但是维护用Python编写的大文件可能会陷入因为需要手动测试每个代码路径我会在进行更改时产生影响，或者投入大量精力...

Magicbox
Global site tag (gtag.js) - Google Analytics