JavaScript 经典效果集_javascript技巧

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

脚本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("yourURL">设为首页</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="youEmail">与我联系</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("yourURL","name","width=500,height=150,border=0") 

setTimeout("l()",4000) 
</script>

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

tip

");

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.opacity0) {
dypopLayer.filters.Alpha.opacity-=1;
tFadeIn=setTimeout("fadeIn()",1);
}
}
document.onmouseover=showPopupText;

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

时间: 2024-10-25 05:44:39

JavaScript 经典效果集_javascript技巧的相关文章

JavaScript经典效果集锦_javascript技巧

一 实用且必用的小脚本代码二 鼠标旁边的提示信息,类似与163登录后的页面提示效果三 如果文字过长,则将过长的部分变成省略号显示四 滚动的图片五 接收键盘指令的脚本六 让你的文本链接渐隐渐显七 类似与QQ的好友/黑名单之类的树型菜单-----推荐八 很多的脚本翻页------推荐九 DIV的透明层实现十 JSP页面自动生成html页面/或任何格式页面-----推荐 十一 超级强大的表单验证-----推荐十二 漂亮的脚本日历十三 进入,退出页面的各种效果!十四 很酷的效果,表格被选中回变颜色十五

很酷的javascript loading效果代码_javascript技巧

复制代码 代码如下: <font color=red><script language="JavaScript">  <!--  var url = 'http://www.jb51.net'; ///这里是你的网址   //-->  </script>  </head>  <body onLoad="location.href = url">  <div style='margin-to

5个JavaScript经典面试题_javascript技巧

1:Scope作用范围 复制代码 代码如下:  (function() {     var a = b = 5;  })();  console.log(b); 什么会被打印在控制台上? 回答 上面的代码会打印 5. 这个问题的诀窍是,这里有两个变量声明,但 a 使用关键字var声明的.代表它是一个函数的局部变量.与此相反,b 变成了全局变量. 这个问题的另一个诀窍是,它没有使用严格模式 ('use strict';).如果启用了严格模式,代码就会引发ReferenceError的错误:B没有定

JavaScript滑移效果代码_javascript技巧

自动滑移: 定点滑移:(鼠标点击) 定线滑移:(鼠标拖动轨迹)

javascript的理解及经典案例分析_javascript技巧

js的简介: JavaScript是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言. 你可以利用JavaScript轻易的做出亲切的欢迎讯息.漂亮的数字钟.有广告效果的跑马灯及简易的选举,还可以显示浏览器停留的时间.让这些特殊效果提高网页的可观性. javascript现在可以再网页上做很多很多事情,网页特效,操作dom,html5游戏(基于html5和JavaScript的结合),动画等等特效,还可以实现拉去后台数据(通过ajax),不仅可以做前台还可以做后

JavaScript+canvas实现七色板效果实例_javascript技巧

本文实例讲述了JavaScript+canvas实现七色板效果.分享给大家供大家参考,具体如下: 效果图如下: html: <canvas id="canvas" class="canvas" width="600" height="600"></canvas> css: html,body{margin: 0;padding: 0} .canvas{display: block; margin-lef

JavaScript 实现的checkbox经典实例分享_javascript技巧

JavaScript 实现的checkbox经典实例分享 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>邮件删除</title> <style type="text/css"> *{ margin: 0; padding: 0; } table{ width: 400px; margin-left:200px;

使用纯javascript实现经典扫雷游戏_javascript技巧

很久以前写的 当时都没写注释的 刚加上了 (尼玛,好多自己都不认识了 ... ) 不足的地方就是本来想写个游戏排名的统计的,等有空了再加上(好像每次都这么说 然后就等好久好久...) 还有就是没有实现:点击第一个格子不能是雷的功能 <style> ul{padding:0;list-style:none;} #mine{overflow:hidden;width:30px;height:30px;border:1px solid #966;} #mine li{float:left;width

javascript电商网站抢购倒计时效果实现_javascript技巧

本文实例讲述了javascript电商网站抢购倒计时效果实现代码.分享给大家供大家参考.具体如下: 运行效果截图如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>团购--限时抢</title> </head> &