自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

詳解五大JavaScript網(wǎng)頁特效

開發(fā) 前端
本文向大家簡單介紹一下幾種常見的JavaScript網(wǎng)頁特效,主要包括動態(tài)字幕,自動刷新和反續(xù)排列等五個(gè)方面的內(nèi)容,相信本文介紹一定會讓你有所收獲。

常見的JavaScript網(wǎng)頁特效你知道嗎?這里向大家簡單描述一下,比如說動態(tài)字幕,當(dāng)你把鼠標(biāo)指向字幕時(shí)字幕停止并有鏈接、移開鼠標(biāo)指針字幕又滾動了,運(yùn)用以上代碼即可實(shí)現(xiàn)。

JavaScript網(wǎng)頁特效5則

動態(tài)字幕

代碼:在需要處加入 

  1. <marqueeonmouseovermarqueeonmouseover=this.stop()
  2. onmouseout=this.start()> 
  3.  

特點(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)頁的和之間加入 

  1. <metahttpequivmetahttpequiv="refresh"content="15;url=cesi.htm"> 
  2.  

解釋:如果你的主頁有一個(gè)歡迎頁面,你希望它在顯示15秒后轉(zhuǎn)入你的首頁,你可以使用以上的代碼,時(shí)間可改為你想要的時(shí)間。下面看一下JavaScript網(wǎng)頁特效中如何關(guān)閉窗口。

關(guān)閉窗口

①以按鈕方式

代碼:在你需要處加入 

  1. <INPUTonclickINPUTonclick=window.close()type=buttonvalue=關(guān)閉窗口> 
  2.  

解釋:本代碼結(jié)果是以按鈕關(guān)閉當(dāng)前頁面。

②以鏈接方式

代碼:在你需要處加入 

  1. <ahrefahref="#"onClick="javascipt:window.close();  
  2. returnfalse;">關(guān)閉窗口  
  3.  
  4.  

解釋:本代碼結(jié)果是以鏈接關(guān)閉當(dāng)前頁面。

③定時(shí)關(guān)閉

代碼:在網(wǎng)頁的和之間加入 

  1. <scriptlanguagescriptlanguage="JavaScript"> 
  2.  

解釋:加入此代碼后網(wǎng)頁會在打開3秒后自動關(guān)閉(3000代表3000毫秒即3秒)。

反續(xù)排列

代碼:在需要處加入 

  1. <bdodirbdodir="rtl">反續(xù)列  
  2.  

特點(diǎn):JavaScript網(wǎng)頁特效中當(dāng)你需要把一段話反起來排列時(shí),你怎么辦呢?反起來一個(gè)一個(gè)地輸入嗎?只要使用以上代碼,即可實(shí)現(xiàn)。

網(wǎng)頁的下劃線

代碼:在網(wǎng)頁的和之間加入 

  1. <StyleTypeStyleType="text/css"> 
  2.  

介紹:許多朋友覺得那些鏈接下的下劃線非常礙眼,加入以上代碼后,當(dāng)訪問者指向鏈接時(shí)才有下劃線,平時(shí)沒有。
 

【編輯推薦】

  1. JavaScript多維數(shù)組多鍵值排序方法實(shí)現(xiàn)
  2. JavaScript數(shù)組元素刪除問題解決方案
  3. 解析Javascript中replace()方法使用
  4. JavaScript對象的定義及創(chuàng)建實(shí)例
  5. JavaScript調(diào)試工具解決IE6等多版本共存問題

 

 

責(zé)任編輯:佚名 來源: div-css.net
相關(guān)推薦

2024-10-21 16:34:15

2010-08-24 13:01:13

DIV+CSS

2010-08-30 14:57:21

DIV+CSS

2019-06-04 10:40:07

2023-06-28 08:00:00

JavaScript開發(fā)

2022-01-07 23:00:49

JavaScript安全工具

2024-02-06 08:00:00

JavaScriptAI大語言模型

2010-08-27 17:41:03

DIV+CSS

2010-09-30 10:06:35

2011-04-07 14:12:04

Firefox 5.0

2017-12-25 10:34:18

技術(shù)預(yù)測機(jī)遇

2022-03-04 14:21:56

區(qū)塊鏈數(shù)據(jù)架構(gòu)

2010-03-26 14:37:57

Visual Stud

2021-12-31 08:15:59

云原生技術(shù)通信

2010-09-08 16:09:52

DIV+CSS

2011-07-27 16:06:36

云端云計(jì)算

2009-03-19 09:55:00

OFDM無線通信技術(shù)

2015-04-27 13:23:42

無線技術(shù)ZigBeeUWB

2010-08-30 16:01:37

2012-07-13 15:07:03

iPad商用
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號