html 与html5 鼠标点击菜谱显示图片，如何实现？
如图，我想当用户点击右边的菜名，左边显示图片，如何显示，html5或者html都可以，是不是要用到javascript,我是想尽量减少网页的大小，当用户点击的时候才连接服务器显示图片。
如果想减少网页大小，实时加载那就只有用js了，
下面是个例子，实测了的，你可以根据需要进行优化：
<!DOCTYPE html>
<html>
<head>
<title>menu</title>
<script type="text/javascript">
function chgimg(src)
{
var img=document.getElementById("img");
img.src=src+".jpg";
}
</script>
</head>
<body>
<div>
<p><img src="a1.jpg" id="img" /></p>
<p><ul><li onclick="chgimg('a2');">a</li><li onclick="chgimg('a3');">b</li><li onclick="chgimg('a1');">c</li></ul></p>
</div>
</body>
</html>
下面是个例子，实测了的，你可以根据需要进行优化：
<!DOCTYPE html>
<html>
<head>
<title>menu</title>
<script type="text/javascript">
function chgimg(src)
{
var img=document.getElementById("img");
img.src=src+".jpg";
}
</script>
</head>
<body>
<div>
<p><img src="a1.jpg" id="img" /></p>
<p><ul><li onclick="chgimg('a2');">a</li><li onclick="chgimg('a3');">b</li><li onclick="chgimg('a1');">c</li></ul></p>
</div>
</body>
</html>
温馨提示：答案为网友推荐，仅供参考
第1个回答 2012-02-01
你的图片很大吗？ --- 建议把格式调小，会大量的减少网页的大小；
如果不能采纳，则看下边
必须用javascript， 你说的情况是动态请求。
点击菜名，发送请求，显示图片。
欢迎采纳
如果不能采纳，则看下边
必须用javascript， 你说的情况是动态请求。
点击菜名，发送请求，显示图片。
欢迎采纳
相似回答