Dreamweaver怎么制作鼠標(biāo)點(diǎn)擊隱藏事件?

Dreamweaver中想要制作一個(gè)鼠標(biāo)點(diǎn)擊物體隱藏,鼠標(biāo)移開(kāi)物體顯示,該怎么試下呢?下面我們就來(lái)看看詳細(xì)的教程。

Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類型:網(wǎng)頁(yè)設(shè)計(jì)
- 大小:758MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2016-11-05
1、打開(kāi)Dreamweaver軟件,新建一個(gè)html文檔,在body中輸入一個(gè)div標(biāo)簽
2、在head中建立CSS樣式,對(duì)div添加style修飾,margin:0 auto;將其居中
3、點(diǎn)擊拆分選項(xiàng),可以在在軟件中預(yù)覽
4、建立:active屬性,當(dāng)鼠標(biāo)點(diǎn)擊div時(shí),div發(fā)生變換 div:active{},括號(hào)內(nèi)為div發(fā)生的變化屬性
5、加入當(dāng)點(diǎn)擊div時(shí),圖形消失,則輸入 div:active {display:none;}
6、建立完成后,當(dāng)鼠標(biāo)點(diǎn)擊圖形時(shí)圖形消失,當(dāng)鼠標(biāo)松開(kāi)時(shí),圖形又恢復(fù)原來(lái)的樣子。active包含兩個(gè)動(dòng)作,鼠標(biāo)點(diǎn)擊和鼠標(biāo)松開(kāi)時(shí)。
以上就是Dreamweaver中:active鼠標(biāo)點(diǎn)擊事件的用法,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Dreamweaver怎么創(chuàng)建CSS樣式? dw插入css的教程
相關(guān)文章
- Dreamweaver插入面板怎么顯示為水平插入欄?Dreamweaver中想要將面板中的插入面變其默認(rèn)??课恢米兂纱翱陧敳康乃轿恢?,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程,需要2018-01-26
Dreamweaver網(wǎng)頁(yè)怎么添加文本字段?
Dreamweaver網(wǎng)頁(yè)怎么添加文本字段?Dreamweaver設(shè)計(jì)帶有用戶名密碼的登陸頁(yè)面的時(shí)候,需要添加文本字段,該怎么添加呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-01-26Dreamweaver怎么實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)內(nèi)包含多個(gè)頁(yè)面的效果?
Dreamweaver怎么實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)內(nèi)包含多個(gè)頁(yè)面的效果?Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面的時(shí)候,想要一個(gè)網(wǎng)頁(yè)包含多個(gè)頁(yè)面,該怎么實(shí)現(xiàn)呢?我們可以使用框架實(shí)現(xiàn),下面我們就來(lái)看看詳2018-01-26Dreamweaver表單怎么設(shè)置6位數(shù)的密碼?
Dreamweaver表單怎么設(shè)置6位數(shù)的密碼?Dreamweaver中出入的表單想要設(shè)置6位數(shù)的密碼,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-01-26Dreamweaver網(wǎng)頁(yè)中怎么插入命名錨記鏈接?
Dreamweaver網(wǎng)頁(yè)中怎么插入命名錨記鏈接?Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,想要插入命名錨記鏈接,該怎么使用命名錨記呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-01-16- dreamweaver怎么新建收藏夾并歸類資源?dreamweaver中收藏了很多東西,為了方便查找我們可以根據(jù)資源類型歸類,下面我們就來(lái)看看dreamweaver新建收藏夾并歸類的教程,需要2018-01-09
- Dreamweaver怎么使用css選擇器中的類?Dreamweaver中css選擇器中有很多功能,想要使用其中的類,該怎么使用呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-01-09
Dreamweaver文件頭部信息有什么作用? dw查看文件頭部信息的教程
Dreamweaver文件頭部信息有什么作用?Dreamweaver制作的網(wǎng)頁(yè)由兩部分組成,一個(gè)是頭部信息,一個(gè)就是主體信息,今天我們就來(lái)介紹一下dw查看文件頭部信息的教程,需要的朋友2018-01-09Dreamweaver網(wǎng)頁(yè)中的文本怎么添加背景色?
Dreamweaver網(wǎng)頁(yè)中的文本怎么添加背景色?Dreamweaver設(shè)計(jì)的網(wǎng)格,想要一小段文本中的文字添加背景色,該怎么添加呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-01-08Dreamweaver網(wǎng)頁(yè)中怎么添加電子郵箱鏈接?
Dreamweaver網(wǎng)頁(yè)中怎么添加電子郵箱鏈接?Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)想要添加聯(lián)系我們的文字直接鏈接到電子郵箱,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參2018-01-05