當前位置:菜譜大全網 - 菜譜大全 - Html和html5鼠標點擊菜單顯示,如何實現?

Html和html5鼠標點擊菜單顯示,如何實現?

如果想縮小網頁尺寸,實時加載,只能用js。

以下是壹個示例,經過測量,您可以根據需要進行優化:

& lt!DOCTYPE html & gt

& lthtml & gt

& lthead & gt

& lttitle & gt菜單& lt/title & gt;

& ltscript type = " text/JavaScript " & gt;

函數chgimg(src)

{

var img = document . getelementbyid(" img ");

img.src=src+"。jpg ";

}

& lt/script & gt;

& lt/head & gt;

& ltbody & gt

& ltdiv & gt

& ltp & gt& ltimg src = " a 1 . jpg " id = " img "/& gt;& lt/p & gt;

& ltp & gt& ltul & gt& ltLi onclick = " chg img(' a2 ');"& gta & lt/李& gt& ltLi onclick = " chg img(' a3 ');"& gtb & lt/李& gt& lt李onclick = " chg img(' a 1 ');"& gtc & lt/李& gt& lt/ul & gt;& lt/p & gt;

& lt/div & gt;

& lt/body & gt;

& lt/html & gt;