当前位置:首页 >  站长 >  建站经验 >  正文

网页设计常用Javascript经典代码

 2008-10-17 20:11  来源:   我来投稿 撤稿纠错

  【推荐】海外独服/站群服务器/高防

1.添加到收藏夹 

<script Language="Javascript"> 
function bookmarkit() 

window.external.addFavorite(’http://你的网址’,’你的网站名称’) 

if (document.all)document.write(’<a href="#" onClick="bookmarkit()">加入收藏夹</a>’) 
</script> 

2.让超链接不显示下划线 

<style type="text/css"> 
<!- 
a:link{text-decoration:none} 
a:hover{text-decoration:none} 
a:visited{text-decoration:none} 
-> 
</style> 

3.禁止鼠标右键的动作 

<script Language = "Javascript"> 
function click() { if (event.button==2||event.button==3) 

alert(’禁止鼠标右键’); 

document.onmousedown=click // --> 
</script> 

4.设置该页为首页 

<body bgcolor="#FFFFFF" text="#000000"> 
<!-- http://你的网址--> 
<a class="chlnk" style="cursor:hand" HREF 
onClick="this.style.behavior=’url(#default#homepage)’; 
this.setHomePage(’你的网站名称);"><font color="000000" size="2" face="宋体">设为首页</font></a> 
</body> 

5.让文字不停地滚动 

<MARQUEE>滚动文字</MARQUEE> 

6.记录并显示网页的最后修改时间 

<script language=Javascript> 
document.write("最后更新时间: " + document.lastModified + "") 
</script> 

7.关闭当前窗口 

<a href="/"onClick="javascript:window.close();return false;">关闭窗口</a> 

8.5秒后关闭当前页 

<script language="Javascript"> 
<!-- 
setTimeout(’window.close();’,5000); 
--> 
</script> 

9.2秒后载入指定网页 

<head> 
<meta http-equiv="refresh" content="2;URL=http://你的网址"> 
</head> 

10.节日倒计时 

<script Language="Javascript"> 
var timedate= new Date("December 25,2003"); 
var times="圣诞节"; 
var now = new Date(); 
var date = timedate.getTime() - now.getTime(); 
var time = Math.floor(date / (1000 * 60 * 60 * 24)); 
if (time >= 0) 
document.write("现在离"+times+"还有: "+time +"天")</script> 

11.水中倒影效果 

<img id="reflect" src="你自己的图片文件名" width="175" height="59"> 
<script language="Javascript"> 
function f1() 

setInterval("mdiv.filters.wave.phase+=10",100); 

if (document.all) 

document.write(’<img id=mdiv src="’+document.all.reflect.src+’" 
style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">’) 
window.onload=f1 

</script> 

12.慢慢变大的窗口 

<script Language="Javascript"> 
<!-- 
var Windowsheight=100 
var Windowswidth=100 
var numx=5 
function openwindow(thelocation){ 
temploc=thelocation 
if 
(!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)) 

window.open(thelocation) 
return 

windowsize=window.open("","","scrollbars") 
windowsize.moveTo(0,0) 
windowsize.resizeTo(100,100) 
tenumxt() 

function tenumxt(){ 
if (Windowsheight>=screen.availHeight-3) 
numx=0 
windowsize.resizeBy(5,numx) 
Windowsheight+=5 
Windowswidth+=5 
if (Windowswidth>=screen.width-5) 

windowsize.location=temploc 
Windowsheight=100 
Windowswidth=100 
numx=5 
return 

setTimeout("tenumxt()",50) 

//--> 
</script> 
<p><a href="javascript:openwindow(你的网址)">进入</a> 

13.改变IE地址栏的IE图标 

我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码: 

<link REL = "Shortcut Icon" href="index.ico">  

14.单击按钮打印出当前页 

<script Language="Javascript"> 
<!-- Begin 
if (window.print) { 
document.write(’<form>’ 
+ ’<input type=button name=print value="打印本页" ’ 
+ ’onClick="javascript:window.print()"></form>’); 

// End --> 
</script> 

15.单击按钮‘另存为’当前页 

<input type="button" name="Button" value="保存本页" 
onClick="document.all.button.ExecWB(4,1)"> 
<object id="button" 
width=0 
height=0 
classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> 
<embed width="0" height="0"></embed> 
</object> 

16.显示系统当前日期 

<script language=Javascript> 
today=new Date(); 
function date(){ 
this.length=date.arguments.length 
for(var i=0;i<this.length;i++) 
this[i+1]=date.arguments } 
var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); 
document.write( 
"<font color=##000000 style=’font-size:9pt;font-family: 宋体’> ", 
today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", 
d[today.getDay()+1],"</font>" ); 
</script> 

17.不同时间段显示不同问候语 

<script Language="Javascript"> 
<!-- 
var text=""; day = new Date( ); time = day.getHours( ); 
if (( time>=0) && (time < 7 )) 
text="夜猫子,要注意身体哦! " 
if (( time >= 7 ) && (time < 12)) 
text="今天天气……哈哈哈,不去玩吗?" 
if (( time >= 12) && (time < 14)) 
text="午休时间哦,朋友一定是不习惯午睡的吧?!" 
if (( time >=14) && (time < 18)) 
text="下午茶的时间到了,休息一下吧! " 
if ((time >= 18) && (time <= 22)) 
text="您又来了,可别和MM聊太久哦!" 
if ((time >= 22) && (time < 24)) 
text="很晚了哦,注意休息呀!" 
document.write(text) 
//---> 
</script> 
转载请注明出处: ,谢谢!

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关文章

热门排行

信息推荐