求一个网页 html代码 点击左边小图显示右边大图 如图显示
需要如图显示的效果右边9个小图左边一个大图然后初始默认第一张图片需要HTML代码其他不需要请写详细的代码或者发fengzhiyi222@163.com邮箱也可以...
需要如图显示的效果 右边 9个小图 左边一个大图
然后初始默认第一张图片 需要 HTML代码 其他不需要
请写详细的代码 或者发 fengzhiyi222@163.com 邮箱也可以 展开
然后初始默认第一张图片 需要 HTML代码 其他不需要
请写详细的代码 或者发 fengzhiyi222@163.com 邮箱也可以 展开
4个回答
展开全部
这个不亩拆难吧。我大概写个原理给你：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function showimg(str){
document.getElementById("imgshow").src=str;
}
</script>
</head>
<body>
<div id="left">
<li><img src="1.jpg" width="100" height="100" onclick="showimg('1.jpg');" /></li>
<li><img src="2.jpg" width="100" height="100" onclick="showimg('2.jpg');" /></li>
<li><img src="3.jpg" width="100" height="100" onclick="showimg('3.jpg');" /></li>
<li><img src="4.jpg" width="100" height="100" onclick="showimg('4.jpg');" /></li>
<li><img src="5.jpg" width="100" height="100" onclick="showimg('5.jpg');" /></li>
<li><img src="6.jpg" width="100" height="100" onclick="showimg('迅猛枣6.jpg');" /></li>
<li><img src="7.jpg" width="100" height="100" onclick="showimg('7.jpg');" /></li>
<li><知拿img src="8.jpg" width="100" height="100" onclick="showimg('8.jpg');" /></li>
</div>
<div id="right">
<img src="1.jpg" id="imgshow" />
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function showimg(str){
document.getElementById("imgshow").src=str;
}
</script>
</head>
<body>
<div id="left">
<li><img src="1.jpg" width="100" height="100" onclick="showimg('1.jpg');" /></li>
<li><img src="2.jpg" width="100" height="100" onclick="showimg('2.jpg');" /></li>
<li><img src="3.jpg" width="100" height="100" onclick="showimg('3.jpg');" /></li>
<li><img src="4.jpg" width="100" height="100" onclick="showimg('4.jpg');" /></li>
<li><img src="5.jpg" width="100" height="100" onclick="showimg('5.jpg');" /></li>
<li><img src="6.jpg" width="100" height="100" onclick="showimg('迅猛枣6.jpg');" /></li>
<li><img src="7.jpg" width="100" height="100" onclick="showimg('7.jpg');" /></li>
<li><知拿img src="8.jpg" width="100" height="100" onclick="showimg('8.jpg');" /></li>
</div>
<div id="right">
<img src="1.jpg" id="imgshow" />
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
有发邮箱，看下，实现方式很多，这个写的比较简单，现在前端大部分都是使用现成的框架
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"败档>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function showimg(str){
document.getElementById("imgshow").src=str;
}
</script>
</head>
<body>
<div id="left">
<li><img src="1.jpg" width="100" height="100" onclick="showimg('1.jpg');" /></li>
<li><img src="2.jpg" width="100" height="100" onclick="showimg('2.jpg');" 碧粗/></li>
<li><img src="3.jpg" width="100" height="100" onclick="showimg('3.jpg');" /></li>
<li><img src="4.jpg" width="100" height="100" onclick="showimg('4.jpg');" /></li>
<li><img src="5.jpg" 察慧乱width="100" height="100" onclick="showimg('5.jpg');" /></li>
<li><img src="6.jpg" width="100" height="100" onclick="showimg('6.jpg');" /></li>
<li><img src="7.jpg" width="100" height="100" onclick="showimg('7.jpg');" /></li>
<li><img src="8.jpg" width="100" height="100" onclick="showimg('8.jpg');" /></li>
</div>
<div id="right">
<img src="1.jpg" id="imgshow" />
</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个最简单的解决办法就是用动态网页。连接不同网页不就可以了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
