網(wǎng)頁(yè)常用Javascript
1 .讓文字不停地滾動(dòng)
<MARQUEE>滾動(dòng)文字< / MARQUEE>
2 .記錄并顯示網(wǎng)頁(yè)的最后修改時(shí)間
<script language = Javascript>
document.write( " 最后更新時(shí)間: " + document.lastModified + "" )
< / script>
3 .關(guān)閉當(dāng)前窗口
<a href = " / " onClick = " javascript:window.close();return false; " >關(guān)閉窗口< / a>
4 .5秒后關(guān)閉當(dāng)前頁(yè)
<script language = " Javascript " >
< !--
setTimeout( ' window.close(); ' , 5000 );
-- >
< / script>
5 .2秒后載入指定網(wǎng)頁(yè)
<head>
<meta http - equiv = " refresh " content = " 2;URL=http://你的網(wǎng)址 " >
< / head>
6 .添加到收藏夾
<script Language = " Javascript " >
function bookmarkit()
{
window.external.addFavorite( ' http://你的網(wǎng)址 ' , ' 你的網(wǎng)站名稱(chēng) ' )
}
if (document.all)document.write( ' <a href="#" onClick="bookmarkit()">加入收藏夾</a> ' )
< / script>
7 .讓超鏈接不顯示下劃線(xiàn)
<style type = " text/css " >
< !-
a:link{text - decoration:none}
a:hover{text - decoration:none}
a:visited{text - decoration:none}
- >
< / style>
8 .禁止鼠標(biāo)右鍵的動(dòng)作
<script Language = " Javascript " >
function click() { if (event.button == 2 || event.button == 3 )
{
alert( ' 禁止鼠標(biāo)右鍵 ' );
}
document.onmousedown = click // -->
< / script>
9 .設(shè)置該頁(yè)為首頁(yè)
<body bgcolor = " #FFFFFF " text = " #000000 " >
< !-- 網(wǎng)址:http: // 你的網(wǎng)址-->
<a class = " chlnk " style = " cursor:hand " HREF
onClick = " this.style.behavior='url(#default#homepage)';
this.setHomePage('你的網(wǎng)站名稱(chēng)); " ><font color = " 000000 " size = " 2 " face = " 宋體 " >設(shè)為首頁(yè)< / font>< / a>
< / body>
10 .節(jié)日倒計(jì)時(shí)
<script Language = " Javascript " >
var timedate = new Date( " December 25,2003 " );
var times = " 圣誕節(jié) " ;
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / ( 1000 * 60 * 60 * 24 ));
if (time > = 0 )
document.write( " 現(xiàn)在離 " + times + " 還有: " + time + " 天 " )< / script>
11 .單擊按鈕打印出當(dāng)前頁(yè)
<script Language = " Javascript " >
< !-- Begin
if (window.print) {
document.write( ' <form> '
+ ' <input type=button name=print value="打印本頁(yè)" '
+ ' onClick="javascript:window.print()"></form> ' );
}
// End -->
< / script>
12 .單擊按鈕‘另存為’當(dāng)前頁(yè)
<input type = " button " name = " Button " value = " 保存本頁(yè) "
onClick = " document.all.button.ExecWB(4,1) " >
<o(jì)bject id = " button "
width = 0
height = 0
classid = " CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 " >
<embed width = " 0 " height = " 0 " >< / embed>
< / object>
13 .顯示系統(tǒng)當(dāng)前日期
<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>
14 .不同時(shí)間段顯示不同問(wèn)候語(yǔ)
<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 = " 午休時(shí)間哦,朋友一定是不習(xí)慣午睡的吧?! "
if (( time > = 14 ) && (time < 18 ))
text = " 下午茶的時(shí)間到了,休息一下吧! "
if ((time > = 18 ) && (time < = 22 ))
text = " 您又來(lái)了,可別和MM聊太久哦! "
if ((time > = 22 ) && (time < 24 ))
text = " 很晚了哦,注意休息呀! "
document.write(text)
// --->
< / script>
15 .水中倒影效果
<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>
16 .慢慢變大的窗口
<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(http://www.3ydesign.com) " >進(jìn)入< / a>
17 .改變IE地址欄的IE圖標(biāo)
我們要先做一個(gè)16 * 16的icon(圖標(biāo)文件),保存為index.ico。把這個(gè)圖標(biāo)文件上傳到根目錄下并在首頁(yè)<head>< / head>之間加上如下代碼:
<link REL = " Shortcut Icon " href = " index.ico " >?
1 .讓文字不停地滾動(dòng)
<MARQUEE>滾動(dòng)文字< / MARQUEE>
2 .記錄并顯示網(wǎng)頁(yè)的最后修改時(shí)間
<script language = Javascript>
document.write( " 最后更新時(shí)間: " + document.lastModified + "" )
< / script>
3 .關(guān)閉當(dāng)前窗口
<a href = " / " onClick = " javascript:window.close();return false; " >關(guān)閉窗口< / a>
4 .5秒后關(guān)閉當(dāng)前頁(yè)
<script language = " Javascript " >
< !--
setTimeout( ' window.close(); ' , 5000 );
-- >
< / script>
5 .2秒后載入指定網(wǎng)頁(yè)
<head>
<meta http - equiv = " refresh " content = " 2;URL=http://你的網(wǎng)址 " >
< / head>
6 .添加到收藏夾
<script Language = " Javascript " >
function bookmarkit()
{
window.external.addFavorite( ' http://你的網(wǎng)址 ' , ' 你的網(wǎng)站名稱(chēng) ' )
}
if (document.all)document.write( ' <a href="#" onClick="bookmarkit()">加入收藏夾</a> ' )
< / script>
7 .讓超鏈接不顯示下劃線(xiàn)
<style type = " text/css " >
< !-
a:link{text - decoration:none}
a:hover{text - decoration:none}
a:visited{text - decoration:none}
- >
< / style>
8 .禁止鼠標(biāo)右鍵的動(dòng)作
<script Language = " Javascript " >
function click() { if (event.button == 2 || event.button == 3 )
{
alert( ' 禁止鼠標(biāo)右鍵 ' );
}
document.onmousedown = click // -->
< / script>
9 .設(shè)置該頁(yè)為首頁(yè)
<body bgcolor = " #FFFFFF " text = " #000000 " >
< !-- 網(wǎng)址:http: // 你的網(wǎng)址-->
<a class = " chlnk " style = " cursor:hand " HREF
onClick = " this.style.behavior='url(#default#homepage)';
this.setHomePage('你的網(wǎng)站名稱(chēng)); " ><font color = " 000000 " size = " 2 " face = " 宋體 " >設(shè)為首頁(yè)< / font>< / a>
< / body>
10 .節(jié)日倒計(jì)時(shí)
<script Language = " Javascript " >
var timedate = new Date( " December 25,2003 " );
var times = " 圣誕節(jié) " ;
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / ( 1000 * 60 * 60 * 24 ));
if (time > = 0 )
document.write( " 現(xiàn)在離 " + times + " 還有: " + time + " 天 " )< / script>
11 .單擊按鈕打印出當(dāng)前頁(yè)
<script Language = " Javascript " >
< !-- Begin
if (window.print) {
document.write( ' <form> '
+ ' <input type=button name=print value="打印本頁(yè)" '
+ ' onClick="javascript:window.print()"></form> ' );
}
// End -->
< / script>
12 .單擊按鈕‘另存為’當(dāng)前頁(yè)
<input type = " button " name = " Button " value = " 保存本頁(yè) "
onClick = " document.all.button.ExecWB(4,1) " >
<o(jì)bject id = " button "
width = 0
height = 0
classid = " CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 " >
<embed width = " 0 " height = " 0 " >< / embed>
< / object>
13 .顯示系統(tǒng)當(dāng)前日期
<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>
14 .不同時(shí)間段顯示不同問(wèn)候語(yǔ)
<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 = " 午休時(shí)間哦,朋友一定是不習(xí)慣午睡的吧?! "
if (( time > = 14 ) && (time < 18 ))
text = " 下午茶的時(shí)間到了,休息一下吧! "
if ((time > = 18 ) && (time < = 22 ))
text = " 您又來(lái)了,可別和MM聊太久哦! "
if ((time > = 22 ) && (time < 24 ))
text = " 很晚了哦,注意休息呀! "
document.write(text)
// --->
< / script>
15 .水中倒影效果
<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>
16 .慢慢變大的窗口
<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(http://www.3ydesign.com) " >進(jìn)入< / a>
17 .改變IE地址欄的IE圖標(biāo)
我們要先做一個(gè)16 * 16的icon(圖標(biāo)文件),保存為index.ico。把這個(gè)圖標(biāo)文件上傳到根目錄下并在首頁(yè)<head>< / head>之間加上如下代碼:
<link REL = " Shortcut Icon " href = " index.ico " >?
posted on 2008-10-20 16:35 allic 閱讀(193) 評(píng)論(0) 編輯 收藏 所屬分類(lèi): Javascript,css,AJAX等瀏覽器前臺(tái)效果