js中onmouseover用法 怎么加入hover效果?
怎么加入hover效果?但是,JS可以用來(lái)幫助實(shí)現(xiàn)這個(gè)效果。OnMouseOver和onmouseout可用于設(shè)置標(biāo)記或其他HTML標(biāo)記的懸停樣式。您可以直接使用標(biāo)簽,無(wú)論是標(biāo)簽、span標(biāo)簽、div
怎么加入hover效果?
但是,JS可以用來(lái)幫助實(shí)現(xiàn)這個(gè)效果。OnMouseOver和onmouseout可用于設(shè)置標(biāo)記或其他HTML標(biāo)記的懸停樣式。您可以直接使用標(biāo)簽,無(wú)論是標(biāo)簽、span標(biāo)簽、div標(biāo)簽等。設(shè)置超鏈接代碼的默認(rèn)樣式,將鼠標(biāo)移到目標(biāo)上,并將鼠標(biāo)移離目標(biāo)。功能代碼相對(duì)較長(zhǎng)。Divcs5重要提示:為了在移動(dòng)鼠標(biāo)后看到與默認(rèn)樣式相同的樣式,通常需要使用style直接為標(biāo)簽設(shè)置默認(rèn)CSS樣式,并保持與onmouseout相同的樣式。以避免初始狀態(tài)下的對(duì)象樣式與將鼠標(biāo)移離對(duì)象后的對(duì)象樣式之間的差異。但需要注意的是,淘寶的描述頁(yè)面不能使用外部CSS或JS模塊。需要購(gòu)買(mǎi)外部CSS模塊,JS模塊還沒(méi)有打開(kāi)
可以用JS事件“OnMouseOver”和“onmouseout”實(shí)現(xiàn)。
1. 創(chuàng)建一個(gè)新的HTML文檔,在body標(biāo)簽中添加一個(gè)圖像標(biāo)簽,設(shè)置標(biāo)簽的“Id”屬性,然后設(shè)置圖像CSS屬性的默認(rèn)顯示大?。?/p>
2。添加“OnMouseOver”JS事件,首先使用文檔.getElementById獲取圖片標(biāo)簽,然后定義鼠標(biāo)在圖片上移動(dòng)時(shí)的事件。此時(shí),圖片將放大并添加“onmouseout”JS事件。首先,獲取picture標(biāo)簽,然后定義鼠標(biāo)離開(kāi)圖片時(shí)發(fā)生的事件。在這種情況下,圖片將縮小