网页制作 如何制作那种一张图片下面写着1234 然后鼠标放在哪个数字上就显示哪张图片 10
展开全部
你好，你说的是鼠标放上显示大图的，像淘宝上那种的吗？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标指向后带图片的提示效果</title>
<script language="javascript">
function showPic(sUrl){
var x,y;
x = event.clientX;
y = event.clientY;
document.getElementById("www_zzjs_net").style.left = x;
document.getElementById("www_zzjs_net").style.top = y;
document.getElementById("www_zzjs_net").innerHTML = "<img src=\"" + sUrl + "\">";
document.getElementById("www_zzjs_net").style.display = "block";
}
function hiddenPic(){
document.getElementById("www_zzjs_net").innerHTML = "";
document.getElementById("www_zzjs_net").style.display = "none";
}
</script>
</head>
<body>
<div id="www_zzjs_net" style="display:none;position:absolute;z-index:1;"></div>
<img src="/image/zzjs.ico" onmouseout="hiddenPic();" onmousemove="showPic('/image/1.jpg');" />
<p></p>
<img src="/img/200406301.jpg" onmouseout="hiddenPic();" onmousemove="showPic('/image/2.jpg');" />
</body>
</html>
--------------------------------------
你把这段代码放到dw中，并保存，在你保存的这个文件的目录下建一个image的文件夹，里面放上两张图片分别是1.jpg 、2.jpg
我是潍坊旗帜培训的老师，学校有网页设计的课程，很高兴能帮到你，如有需要继续找我
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标指向后带图片的提示效果</title>
<script language="javascript">
function showPic(sUrl){
var x,y;
x = event.clientX;
y = event.clientY;
document.getElementById("www_zzjs_net").style.left = x;
document.getElementById("www_zzjs_net").style.top = y;
document.getElementById("www_zzjs_net").innerHTML = "<img src=\"" + sUrl + "\">";
document.getElementById("www_zzjs_net").style.display = "block";
}
function hiddenPic(){
document.getElementById("www_zzjs_net").innerHTML = "";
document.getElementById("www_zzjs_net").style.display = "none";
}
</script>
</head>
<body>
<div id="www_zzjs_net" style="display:none;position:absolute;z-index:1;"></div>
<img src="/image/zzjs.ico" onmouseout="hiddenPic();" onmousemove="showPic('/image/1.jpg');" />
<p></p>
<img src="/img/200406301.jpg" onmouseout="hiddenPic();" onmousemove="showPic('/image/2.jpg');" />
</body>
</html>
--------------------------------------
你把这段代码放到dw中，并保存，在你保存的这个文件的目录下建一个image的文件夹，里面放上两张图片分别是1.jpg 、2.jpg
我是潍坊旗帜培训的老师，学校有网页设计的课程，很高兴能帮到你，如有需要继续找我
追问
谢谢 我是说做焦点图切换
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
网页制作需要以下软件(软件及教程)：
按提示，安装完成即可永久使用，支持任何WIN系统。
菜鸟网页制作http://s.biso.cn/soft/411.htm
DreamweaverMX 软件及教程的安全下载：http://biso.cn/soft/281.htm
DreamweaverCS4 软件及教程的安全下载：http://biso.cn/soft/396.htm
DreamweaverCS5 软件及教程的安全下载：http://biso.cn/soft/397.htm
FRONTPAGE通用版 软件及教程的安全下载：http://biso.cn/soft/379.htm
按提示，安装完成即可永久使用，支持任何WIN系统。
菜鸟网页制作http://s.biso.cn/soft/411.htm
DreamweaverMX 软件及教程的安全下载：http://biso.cn/soft/281.htm
DreamweaverCS4 软件及教程的安全下载：http://biso.cn/soft/396.htm
DreamweaverCS5 软件及教程的安全下载：http://biso.cn/soft/397.htm
FRONTPAGE通用版 软件及教程的安全下载：http://biso.cn/soft/379.htm
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
从晚上下载个JS特效就行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个是一个JS交互效果！
追问
具体哪个代码
追答
代码多个，一下说不清楚。你搜索一下图片轮播，有很多的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用超链接跳转到一张页面贴上那个图片儿就行了
更多追问追答
追答
金币给我吧
追问
您是学网页设计的么
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
