點(diǎn)擊實(shí)現(xiàn)元素的漸隱或者漸現(xiàn)代碼實(shí)例
本章節(jié)分享一段代碼實(shí)例，它實(shí)現(xiàn)了點(diǎn)擊一個(gè)按鈕實(shí)現(xiàn)div元素的漸隱漸現(xiàn)效果。
代碼實(shí)例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
$("#bt").click(function(){
$("#antzone").toggle("slow");
})
});
</script>
</head>
<body>
<div id="antzone"></div>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)，該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容， 請(qǐng)發(fā)送郵件至201542412@QQ.com舉報(bào)，一經(jīng)查實(shí)，本站將立刻刪除。
相關(guān)推薦
-
設(shè)置div元素漸隱效果代碼實(shí)例
以動(dòng)畫平滑的動(dòng)畫方式實(shí)現(xiàn)元素的隱藏效果，比瞬間隱藏的方式更為人性化。下面就是一段使用jQury實(shí)現(xiàn)的此效果，代碼如下: chrst
-
拖動(dòng)滾動(dòng)條實(shí)現(xiàn)內(nèi)容自動(dòng)加載效果
現(xiàn)在很多網(wǎng)站都有這樣的功能，那就是拖動(dòng)滾動(dòng)條實(shí)現(xiàn)元素自動(dòng)加載效果。也算是當(dāng)前比較時(shí)尚的一種呈現(xiàn)，當(dāng)然有喜歡的也有不喜歡的，下面就是一個(gè)代碼片段。需要的朋友可以做一下參考，代碼如下:vr lodin
-
css多重邊框代碼實(shí)例
分享一段代碼實(shí)例，它實(shí)現(xiàn)了多重邊框效果。代碼實(shí)例如下r cont
-
css半透明邊框代碼實(shí)例
分享一段代碼實(shí)例，它實(shí)現(xiàn)了邊框透明效果。代碼實(shí)例如下r cont
-
js文本橫向無縫滾動(dòng)代碼實(shí)例
文本無縫滾動(dòng)是比較常見的應(yīng)用，比如公司的新聞公告等等場(chǎng)景，實(shí)現(xiàn)此效果的方式有多種，下面簡(jiǎn)單介紹一下其中的一種，希望能夠給需要的朋友帶來幫助，代碼實(shí)例如下: h
帝國(guó)CMS模板博客文章資訊自適應(yīng)手機(jī)HTML5網(wǎng)站SEO優(yōu)化版
2023-12-26 14:39:32
美文句子文章網(wǎng)站模板自適應(yīng)作文百科資訊源碼
2023-12-22 17:46:01
帝國(guó)CMS模板個(gè)人博客美文佳句文章資訊自適應(yīng)手機(jī)網(wǎng)站源碼
2023-12-19 18:01:32
帝國(guó)cms簡(jiǎn)潔兩端資訊文章句子網(wǎng)美文源碼詩(shī)句模板
2023-12-13 10:58:14
帝國(guó)cms大氣簡(jiǎn)潔資訊文章博客源碼電商資訊教程網(wǎng)站模板
2023-11-30 13:56:14
