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