JavaScript 经典效果集

2016-02-19 10:58 5 1 收藏

下面是个JavaScript 经典效果集教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

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

脚本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=vbscriptdocument.write now/script 

脚本4:显示最后修改时间的脚本 
scriptdocument.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键,直接返回首页 
scriptfunction 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秒,当然你可以自定义
代码如下:

scriptfunction l() { 
window.open("yourURL","name","width=500,height=150,border=0") 

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1596233.html

延伸阅读
第八集 如何自动加上最后修改时间 我们在 HTML 文件档完成了以后,常会加上一行文件最后修改的日期。现在你可不用担心每次都要去改或是忘了改了,你可以很简单的写一个如下的描述语法程式。就可以自动的为你每次产生最后修改的日期了。 <html <body This is a simple HTML- page. <br Last changes: ...
第四集 如何使用运算函数 这是一个特殊的内建函数eval包括了运算式子为其参数,运算元,并回传一个值. 这函数对于运算一个表示的数值字串而言非常有用,举例来看,从FORM所输入的值总是字串,但你也许想要拿来运算,那我该怎么办?? 下面的这一个例子包函了输入的文字栏位,应用的运算函数和显示结果的另一区块.假如你打了一个数值运算式在...
以下是我们所制作的跑马灯效果的源程序 <html <head <script language="JavaScript" <!-- Hide var scrtxt="这儿的讯息可以改为你要告诉别人的话 "+" 或是注意事项 ..."; var lentxt=scrtxt.length; var width=100; var pos=1-width; function scroll() { pos++; var scroller=""; if (pos==lent...
最终效果 1.在Photoshop中绘制一个星型: 2.向左移动: 3.为达到立体效果我们使用三种颜色: 4.制作不规则区域,填充颜色: 5.同样方法: 6.同上: 7.颜色加深的效果: 你可以按上面方法制作如下图形:
标签: Web开发
function sAlert(str){    var msgw,msgh,bordercolor;    msgw=400;//提示窗口的宽度    msgh=100;//提示窗口的高度    titleheight=25 //提示窗口标题高度    bordercolor="#336699";//提示窗口的边框颜色    titlecolor="#99CCFF";//提示窗口的标题颜色    ...

经验教程

649

收藏

66
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部