網(wǎng)站設(shè)計的內(nèi)容有 HTMLhover怎么讓鼠標移上去圖片變大?
HTMLhover怎么讓鼠標移上去圖片變大?它可以通過JS事件“OnMouseOver”和“onmouseout”實現(xiàn)。1. 創(chuàng)建一個新的HTML文檔,在body標簽中添加一個圖像標簽,設(shè)置標簽的“I
HTMLhover怎么讓鼠標移上去圖片變大?
它可以通過JS事件“OnMouseOver”和“onmouseout”實現(xiàn)。
1. 創(chuàng)建一個新的HTML文檔,在body標簽中添加一個圖像標簽,設(shè)置標簽的“Id”屬性,然后設(shè)置圖像CSS屬性的默認顯示大小:
2。添加“OnMouseOver”JS事件,首先使用文檔.getElementById獲取圖片標簽,然后定義鼠標在圖片上移動時的事件。此時,圖片將放大并添加“onmouseout”JS事件。首先,獲取picture標簽,然后定義鼠標離開圖片時發(fā)生的事件。在這種情況下,圖片將縮小