詳解五大JavaScript網頁特效
常見的JavaScript網頁特效你知道嗎?這里向大家簡單描述一下,比如說動態字幕,當你把鼠標指向字幕時字幕停止并有鏈接、移開鼠標指針字幕又滾動了,運用以上代碼即可實現。
JavaScript網頁特效5則
動態字幕
代碼:在需要處加入
- <marqueeonmouseovermarqueeonmouseover=this.stop()
- onmouseout=this.start()>
特點:JavaScript網頁特效中當你把鼠標指向字幕時字幕停止并有鏈接、移開鼠標指針字幕又滾動了,運用以上代碼即可實現。
延伸:動態字幕有一個屬性“direction”,它是控制字幕滾動方向的,把“direction”的屬性改為“up”,就可以實現向上滾動,同理當改為“down”時就向下滾動,那么“left”和“right”自然就是向左和向右了。
自動刷新
代碼:在網頁的和之間加入
- <metahttpequivmetahttpequiv="refresh"content="15;url=cesi.htm">
解釋:如果你的主頁有一個歡迎頁面,你希望它在顯示15秒后轉入你的首頁,你可以使用以上的代碼,時間可改為你想要的時間。下面看一下JavaScript網頁特效中如何關閉窗口。
關閉窗口
①以按鈕方式
代碼:在你需要處加入
- <INPUTonclickINPUTonclick=window.close()type=buttonvalue=關閉窗口>
解釋:本代碼結果是以按鈕關閉當前頁面。
②以鏈接方式
代碼:在你需要處加入
- <ahrefahref="#"onClick="javascipt:window.close();
- returnfalse;">關閉窗口
解釋:本代碼結果是以鏈接關閉當前頁面。
③定時關閉
代碼:在網頁的和之間加入
- <scriptlanguagescriptlanguage="JavaScript">
解釋:加入此代碼后網頁會在打開3秒后自動關閉(3000代表3000毫秒即3秒)。
反續排列
代碼:在需要處加入
- <bdodirbdodir="rtl">反續列
特點:JavaScript網頁特效中當你需要把一段話反起來排列時,你怎么辦呢?反起來一個一個地輸入嗎?只要使用以上代碼,即可實現。
網頁的下劃線
代碼:在網頁的和之間加入
- <StyleTypeStyleType="text/css">
介紹:許多朋友覺得那些鏈接下的下劃線非常礙眼,加入以上代碼后,當訪問者指向鏈接時才有下劃線,平時沒有。
【編輯推薦】
- JavaScript多維數組多鍵值排序方法實現
- JavaScript數組元素刪除問題解決方案
- 解析Javascript中replace()方法使用
- JavaScript對象的定義及創建實例
- JavaScript調試工具解決IE6等多版本共存問題