DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript經典效果集錦
JavaScript經典效果集錦
編輯:關於JavaScript     

一 實用且必用的小腳本代碼
二 鼠標旁邊的提示信息,類似與163登錄後的頁面提示效果
三 如果文字過長,則將過長的部分變成省略號顯示
四 滾動的圖片
五 接收鍵盤指令的腳本
六 讓你的文本鏈接漸隱漸顯
七 類似與QQ的好友/黑名單之類的樹型菜單-----推薦
八 很多的腳本翻頁------推薦
九 DIV的透明層實現
十 JSP頁面自動生成html頁面/或任何格式頁面-----推薦

十一 超級強大的表單驗證-----推薦
十二 漂亮的腳本日歷
十三 進入,退出頁面的各種效果!
十四 很酷的效果,表格被選中回變顏色
十五 彈出提示的效果
十六 圖片之間的切換
十七 DIV_圓邊圓角的實現
十八 跳動的菜單
十九 通過頁面抓取照片
二十 客戶端靜態頁面玩分頁

二十一 類似與google個性頁面的好東東------網友155120
二十二 漂亮的表格
二十三 經典的帶陰影的可拖動的浮動層------網友marvellous--------推薦
二十四 運行代碼的代碼------網友:Lenvo
二十五 凹陷文字------------網友:Lenvo
二十六 漂亮的仿flash菜單---網友:Lenvo
二十七 自定義容器和字體大小---網友:greengnn
二十八 超級REAL視頻播放器---網友:leaf52
二十九 網站論壇上面快捷鍵提交表單的方法---網友:greengnn
三 十 accesskey 提交---網友:greengnn
三十一 新聞廣告圖片切換效果+描述---網友:greengnn
三十二 菜單特效---網友:greengnn
三十三 采用CSS和JS的下拉菜單---網友:greengnn

 

一 實用且必用的小腳本代碼:

腳本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(http://10.13.31.90/~kayvin/);">">設為首頁</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="mailto:kayvin@sohu.com">與我聯系</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(" 10.13.31.90/~kayvin/ ","name","width=500,height=150,border=0")
}
setTimeout("l()",4000)

</script>

 

二 鼠標旁邊的提示信息,類似與163登錄後的頁面提示效果:

代碼拷貝框

 

三 如果文字過長,則將過長的部分變成省略號顯示:

運行代碼框

四 滾動的圖片

運行代碼框

五 接收鍵盤指令的腳本:

代碼拷貝框

六 讓你的文本鏈接漸隱漸顯:

運行代碼框

七 類似與QQ的好友/黑名單之類的樹型菜單_極品:

運行代碼框

八 很多的腳本翻頁:

運行代碼框

九 DIV的透明層實現:

運行代碼框

 

十 JSP頁面自動生成html頁面/或任何格式頁面:

先建立一個模本頁面:template.htm

代碼拷貝框

再寫一個JSP頁面: buildhtml.jsp:

 

代碼拷貝框

[Ctrl+A 全部選擇 然後拷貝]

十一 超級強大的表單驗證:

運行代碼框

十二 漂亮的腳本日歷:

運行代碼框

十三 進入,退出頁面的各種效果:

進入頁面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出頁面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
這個是頁面被載入和調出時的一些特效。duration表示特效的持續時間,以秒為單位。transition表示使用哪種特效,取值為1-23:
  0 矩形縮小
  1 矩形擴大
  2 圓形縮小
  3 圓形擴大
  4 下到上刷新
  5 上到下刷新
  6 左到右刷新
  7 右到左刷新
  8 豎百葉窗
  9 橫百葉窗
  10 錯位橫百葉窗
  11 錯位豎百葉窗
  12 點擴散
  13 左右到中間刷新
  14 中間到左右刷新
  15 中間到上下
  16 上下到中間
  17 右下到左上
  18 右上到左下
  19 左上到右下
  20 左下到右上
  21 橫條
  22 豎條
  23 以上22種隨機選擇一種

十四 很酷的效果,表格被選中回變顏色:

運行代碼框

十五 彈出提示的效果:

運行代碼框

十六 圖片之間的切換:

運行代碼框

十七 DIV_圓邊圓角的實現:

運行代碼框

十八 跳動的菜單:

運行代碼框

十九 通過頁面抓取照片:

運行代碼框

二十 客戶端靜態頁面玩分頁:

運行代碼框

 

二十一 類似與google個性頁面的好東東:

代碼拷貝框

二十二 漂亮的表格:

運行代碼框

二十三 經典的帶陰影的可拖動的浮動層--轉貼自網友:marvellous

運行代碼框

二十四 運行代碼的代碼------網友:Lenvo

運行代碼框

二十五 凹陷文字------------網友:Lenvo

運行代碼框

二十六 漂亮的仿flash菜單---網友:Lenvo(來自藍色經典)

運行代碼框

二十七 自定義容器和字體大小---網友:greengnn

運行代碼框

二十八 超級REAL視頻播放器---網友:leaf52

運行代碼框

二十九 網站論壇上面快捷鍵提交表單的方法---網友:greengnn

運行代碼框

三 十 accesskey 提交---網友:greengnn

運行代碼框

三十一 新聞廣告圖片切換效果+描述---網友:greengnn

運行代碼框

三十二 菜單特效---網友:greengnn

運行代碼框

三十三 采用CSS和JS的下拉菜單---網友:greengnn

運行代碼框

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved