JQuery中的toggle怎么用？一些使用分析

2016-08-02 分類(lèi)：網(wǎng)站建設(shè)

比如：對(duì)一個(gè)按鈕的點(diǎn)擊事件和一個(gè)DIV的背景，點(diǎn)擊一次按扣子，把DIV的背景顯示為藍(lán)色，點(diǎn)擊第二起的時(shí)候要把DIV的
背景色改為黑色。
我們定義的HTML代碼如下：

此處顯示id“DivToggle”的內(nèi)容

定義的起初的樣子式如下：
復(fù)制代碼代碼如下：
#DivToggle {
height: 999px；
width: 999px；
margin: 50px；
background-color: #6CC；
}
在toggle（fn，fn，….）；才明白一個(gè)toggle（）的函數(shù)，主要是用來(lái)切換元素的顯示狀態(tài)。如果一個(gè)元素是顯示的，這么調(diào)用.toggle（）之后就變得隱藏了。
JQuery代碼：
復(fù)制代碼代碼如下：

點(diǎn)擊按鈕之后DIV隱藏，再次點(diǎn)擊DIV顯示，然后循環(huán)。
這里我們可以手動(dòng)設(shè)置元素的顯示和隱藏，提示：toggle（true）；隱藏：toggle（false）；
我們還可以為元素的隱藏和顯示設(shè)置速度。
$（“#DivToggle”）.toggle（600）；
當(dāng)然到這里我們可以想到我們經(jīng)常在網(wǎng)頁(yè)中碰到的把鼠標(biāo)移上去顯示我們，然后鼠標(biāo)移開(kāi)則隱藏扔的效果。
這里當(dāng)然用到了一個(gè)hover（fnover，fnout）事件。我們只要把fnover，和fnout設(shè)置為以上的toggle（600）即可；

這里的fnover是鼠標(biāo)移上去的事件函數(shù)，fnout是鼠標(biāo)移開(kāi)的事件函數(shù)。

網(wǎng)站名稱(chēng)：JQuery中的toggle怎么用？一些使用分析
文章網(wǎng)址：http://www.aaarwkj.com/news/41161.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、靜態(tài)網(wǎng)站、網(wǎng)站建設(shè)、Google、手機(jī)網(wǎng)站建設(shè)、搜索引擎優(yōu)化

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

JQuery中的toggle怎么用？一些使用分析

JQuery中的toggle怎么用？一些使用分析