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;