當(dāng)前位置：首頁(yè) > 前端技术 > javascript >内容正文

javascript

几种常见的JavaScript特效

發(fā)布時(shí)間：2024/8/1 javascript 42 豆豆

生活随笔收集整理的這篇文章主要介紹了几种常见的JavaScript特效小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

①頁(yè)面顯示大廣告圖片及其自動(dòng)關(guān)閉
在打開(kāi)一個(gè)頁(yè)面時(shí)，常常會(huì)出現(xiàn)一個(gè)大廣告圖片顯示網(wǎng)站的最新活動(dòng)等，一般廣告顯示5秒左右，廣告又會(huì)自己關(guān)閉，這個(gè)是怎么實(shí)現(xiàn)的？
其實(shí)只需要將圖片加在網(wǎng)頁(yè)合適的位置，然后再寫(xiě)一個(gè)刪去隱藏圖片元素的函數(shù)，并設(shè)置n秒后執(zhí)行：

function showAd(){//默認(rèn)圖片所在div的id為advar Pic = document.getElementById('ad');setTimeout(function() {Pic.style.display = 'none';},5000);}window.onload=showAd;

②輸入完成后進(jìn)行校驗(yàn)
實(shí)際上只需要在input標(biāo)簽里面添加一個(gè)onblur屬性，該屬性綁定一個(gè)用于校驗(yàn)的函數(shù)即可：

<input type="text" id="name" onblur="validateTel()"/><script>function validateTel(){alert("do something");}</script>

③勾選全部復(fù)選框
在網(wǎng)站中，如果復(fù)選框較多，會(huì)有一個(gè)全選按鈕，點(diǎn)擊后，所有復(fù)選框會(huì)被選中：

<html> <head><meta charset="utf-8" /> </head> <body>你的愛(ài)好是：</br><input type="checkbox" name="hobby" value="" />籃球<input type="checkbox" name="hobby" value=""/>足球<input type="checkbox" name="hobby" value=""/>網(wǎng)球<input type="checkbox" name="hobby" value=""/>乒乓<input type="checkbox" name="hobby" value=""/>游泳<input type="checkbox" name="hobby" id="selectall" value=" " onclick="SelectAll()"/>全選<script>function SelectAll(){if(document.getElementById('selectall').checked == true){var allValue = document.getElementsByName('hobby');for(var i=0;i<allValue.length;i++){allValue[i].checked=true;}}}</script> </body></html>

總結(jié)

以上是生活随笔為你收集整理的几种常见的JavaScript特效的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇： Banner设计文字如何排版，如何设计字
下一篇：分享996个实用的JavaScript特