1．讓文字不停地滾動

＜MARQUEE＞滾動文字＜/MARQUEE＞

2．記錄并顯示網頁的最后修改時間

＜script?language=JavaScript＞

document.write("最后更新時間:?"?+?document.lastModified?+?"")

＜/script＞

3．關閉當前窗口

＜a?href="/"＞關閉窗口＜/a＞

4．2秒后關閉當前頁

＜script?language="JavaScript"＞

＜!--

setTimeout('window.close();',2000);

--＞

＜/script＞

5．2秒后載入指定網頁

＜head＞

＜meta?http-equiv="refresh"?content="2;URL=http://你的網址"＞

＜/head＞

6．添加到收藏夾

＜Script?Language="JavaScript"＞

function?bookmarkit()

{

window.external.addFavorite('http://你的網址','你的網站名稱')

}

if?(document.all)document.write('＜a?href="#"?onClick="bookmarkit()"＞加入收藏夾＜/a＞')

＜/Script＞

7．讓超鏈接不顯示下劃線

＜style?type="text/css"＞

＜!-

a:link{text-decoration:none}

a:hover{text-decoration:none}

a:visited{text-decoration:none}

-＞

＜/style＞

8．禁止鼠標右鍵的動作

＜Script??Language?=?"JavaScript"＞

function?click()?{?if?(event.button==2||event.button==3)

{

alert('禁止鼠標右鍵');

}

document.οnmοusedοwn=click?//?--＞

＜/Script＞

9．設置該頁為首頁

＜body?bgcolor="#FFFFFF"?text="#000000"＞

＜!--?網址：http://你的網址--＞

＜a?class="chlnk"?style="cursor:hand"?HREF

url(#default#homepage)';

this.setHomePage('你的網站名稱);"＞＜font?color="000000"?size="2"?face="宋體"＞設為首頁＜/font＞＜/a＞

＜/body＞

中級篇

1．節日倒計時

＜Script?Language="JavaScript"＞

var?timedate=?new?Date("October?1,2002");

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＞

2．單擊按鈕打印出當前頁

＜Script??Language="JavaScript"＞

＜!--?Begin

if?(window.print)?{

document.write('＜form＞'

+?'＜input?type=button?name=print?value="打印本頁"?'

+?'＞＜/form＞');

}

//?End?--＞

＜/Script＞

3．單擊按鈕‘另存為’當前頁

＜input?type="button"?name="Button"?value="保存本頁"

＞

＜object??id="button"

width=0

height=0

classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"＞

＜embed?width="0"???height="0"＞＜/embed＞

＜/object＞

4．顯示系統當前日期

＜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[i]??}

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＞

高級篇

1．不同時間段顯示不同問候語

＜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＞

2．水中倒影效果

＜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.οnlοad=f1

}

＜/script＞

3．慢慢變大的窗口

＜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=" src="http://www.jinjunhe.net/pic/url.gif" border=0>http://www.ccjol.com')"＞進入＜/a＞

4．改變IE地址欄的IE圖標

我們要先做一個16*16的icon(圖標文件)，保存為index.ico。把這個圖標文件上傳到根目錄下并在首頁＜head＞＜/head＞之間加上如下代碼：

＜link?REL?=?"Shortcut?Icon"?href="index.ico"＞

5．讓網頁隨意后退

＜a?href=""＞X＜/a＞?//把X換成你想要后退在頁數

//把“-”變成“+”就為前進

6．鼠標指向時彈出信息框

在＜body＞＜/body＞之間加上如下代碼：

＜a?href?οnmοuseοver="alert('彈出信息！')"＞顯示的鏈接文字＜/a＞

7．單擊鼠標右鍵彈出添加收藏夾對話框

在＜body＞＜/body＞之間加上如下代碼：

＜Script?Language=JavaScript＞

if?(document.all)

document.body.οnmοusedοwn=new?Function("if?(event.button==2||event.button==3)

window.external.addFavorite('您的網址','您的網站名稱)")

＜/Script＞

8．隨機變換背景圖象(一個可以刷新心情的特效)

在＜head＞＜/head＞之間加上如下代碼：

＜Script?Language="JavaScript"＞

image?=?new?Array(4);???//定義image為圖片數量的數組

image?[0]?=?'tu0.gif'?????//背景圖象的路徑

image?[1]?=?'tu1.gif'

image?[2]?=?'tu2.gif'

image?[3]?=?'tu3.gif'

image?[4]?=?'tu4.gif'

number?=?Math.floor(Math.random()?*?image.length);

document.write("＜BODY?BACKGROUND="+image[number]+"＞");

＜/Script＞

9．鼠標一碰就給顏色看的鏈接

在＜body＞＜/body＞之間加上如下代碼：

＜p?onMouseMove="anniu()"＞你敢碰我，我就給點顏色你看！＜/p＞

＜Script?Language?=?"VBScript"＞

sub?anniu

document.fgColor=int(256*256*256*rnd)

end?sub

＜/Script＞

10．從天而降并有幻影效果的窗口

＜head＞

＜Script?language="JavaScript"＞

function?move(x)?{

if(self.moveBy){

self.moveBy?(0,-800);

for(i?=?x;?i?＞?0;?i--)

{

self.moveBy(0,3);

}

for(j?=?200;?j?＞?0;?j--){??//如果你認為窗口抖動厲害，就200換成個位數

self.moveBy(0,j);

self.moveBy(j,0);

self.moveBy(0,-j);

self.moveBy(-j,0);

}

}

}

＜/Scrip＞

＜body?bgColor=#ffffff?οnlοad=move(280)＞

＜/body＞

＜/head＞

11．表格的半透明顯示效果

在＜head＞＜/head＞之間加上如下代碼：

＜style＞

.alpha{filter:?Alpha(Opacity=50)}???//50表示50%的透明度

＜/style＞

在＜body＞＜/body＞之間加上如下代碼：

＜table?border="1"?width="100"?height="62"??class="alpha"?bgcolor="#F2A664"?＞

＜tr＞

＜td?width="100%"?height="62"＞

＜div?align="center"＞很酷吧!＜/div＞

總結

以上是生活随笔為你收集整理的网页特效java代码,美化网页常用特效代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。