Dreamweaver缩略图效果
我用DW做网页，放了一些，图片为了减少空间占用，需要设置缩略图。就是上面一排缩略图，下面一个大的方框显示大图片，只用HTML代码可以实现吗?不要用Flash、Javasc...
我用DW做网页，放了一些，图片为了减少空间占用，需要设置缩略图。就是上面一排缩略图，下面一个大的方框显示大图片，只用HTML代码可以实现吗?不要用Flash、Javascript、Vbscript。
如果可以，请写出代码，或者给出链接，谢谢！ 展开
如果可以，请写出代码，或者给出链接，谢谢！ 展开
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>
<style type="text/css">
<!--
#ImgLayer {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 440px;
top: 110px;
display:none;
}
img{
cursor:pointer;
}
-->
</style>
</head>
<script language="JavaScript">
<!--
function zImg(imgObj){
var _imgP = document.getElementById('imgP');
_imgP.src = imgObj.src;
document.getElementById('ImgLayer').style.display='block';
}
//-->
</script>
<body>
</div>
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" width="137" height="46" onClick="zImg(this)" /> <img src="http://so138.com/yimg/web1.gif" width="137" height="46" onClick="zImg(this)" /> <img src="http://www.google.com/images/logo_sm.gif" width="137" height="46" onClick="zImg(this)" />
<div id="ImgLayer">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="90%"> </td>
<td width="10%"><a href="javascript://" onclick="document.getElementById('ImgLayer').style.display='none'">关闭</a></td>
</tr>
<tr>
<td colspan="2" ><img id="imgP" src="" width="600" height="300" /></td>
</tr>
</table>
</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>
<style type="text/css">
<!--
#ImgLayer {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 440px;
top: 110px;
display:none;
}
img{
cursor:pointer;
}
-->
</style>
</head>
<script language="JavaScript">
<!--
function zImg(imgObj){
var _imgP = document.getElementById('imgP');
_imgP.src = imgObj.src;
document.getElementById('ImgLayer').style.display='block';
}
//-->
</script>
<body>
</div>
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" width="137" height="46" onClick="zImg(this)" /> <img src="http://so138.com/yimg/web1.gif" width="137" height="46" onClick="zImg(this)" /> <img src="http://www.google.com/images/logo_sm.gif" width="137" height="46" onClick="zImg(this)" />
<div id="ImgLayer">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="90%"> </td>
<td width="10%"><a href="javascript://" onclick="document.getElementById('ImgLayer').style.display='none'">关闭</a></td>
</tr>
<tr>
<td colspan="2" ><img id="imgP" src="" width="600" height="300" /></td>
</tr>
</table>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
AiPPT
2024-09-19 广告
随着AI技术的飞速发展，如今市面上涌现了许多实用易操作的AI生成工具1、简介：AiPPT: 这款AI工具智能理解用户输入的主题，提供“AI智能生成”和“导入本地大纲”的选项，生成的PPT内容丰富多样，可自由编辑和添加元素，图表类型包括柱状图...
点击进入详情页
本回答由AiPPT提供
展开全部
Div+Css可以实现，但是我不会！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
也可啊！只是还要css的样式
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
需要用到Javascript
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
