很容易,你可以让图片区域隐藏(display:none;)然后hover的时候(display:block;)。
成都创新互联公司主要从事网页设计、PC网站建设(电脑版网站建设)、wap网站建设(手机版网站建设)、成都响应式网站建设、程序开发、网站优化、微网站、微信小程序开发等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了丰富的成都网站设计、网站制作、网站设计、网络营销经验,集策划、开发、设计、营销、管理等多方位专业化运作于一体。
如果想减少网页大小,实时加载那就只有用js了,
下面是个例子,实测了的,你可以根据需要进行优化:
!DOCTYPE html
html
head
titlemenu/title
script type="text/javascript"
function chgimg(src)
{
var img=document.getElementById("img");
img.src=src+".jpg";
}
/script
/head
body
div
pimg src="a1.jpg" id="img" //p
pulli onclick="chgimg('a2');"a/lili onclick="chgimg('a3');"b/lili onclick="chgimg('a1');"c/li/ul/p
/div
/body
/html
html5图片不会显示,问题可能出现在你加载的图片路径不正确或者图片名字格式等等写错了;
img src="images/**.jpg" / src="这里是图片的路径"