dw里切换图片不要使用js
如何使鼠标放在指定的位置，不用点击，更换图片，列入我鼠标放到1的上面是1的图片，放到2的时候切换到2的图片。菜鸟，不会使用js。。有没有方法简单，易懂一点的？...
如何使鼠标放在指定的位置，不用点击，更换图片，列入我鼠标放到 1的上面是1的图片，放到2的时候切换到2的图片。菜鸟，不会使用js。。有没有方法简单，易懂一点的？
展开
2个回答
展开全部
不用js的方法 把以下代码插入到<body>和</body>之间
<style type="text/css">
#a:hover{background:url(http://ww2.sinaimg.cn/thumbnail/8c742982jw1ebxi0kdii0j20dw09b78x.jpg)}
#b:hover{background:url(http://ww2.sinaimg.cn/thumbnail/6628711bjw1ebz4a451e3j20b407nq34.jpg)}
.divv{width:120px;height:80px;border:1px #cccccc dotted;line-height:80px;text-align:center;}
</style>
<div id="a" class="divv">1图</div>
<div id="b" class="divv">2图</div>
<style type="text/css">
#a:hover{background:url(http://ww2.sinaimg.cn/thumbnail/8c742982jw1ebxi0kdii0j20dw09b78x.jpg)}
#b:hover{background:url(http://ww2.sinaimg.cn/thumbnail/6628711bjw1ebz4a451e3j20b407nq34.jpg)}
.divv{width:120px;height:80px;border:1px #cccccc dotted;line-height:80px;text-align:center;}
</style>
<div id="a" class="divv">1图</div>
<div id="b" class="divv">2图</div>
追问
可我想就跟网页上的那样，就是图片上正中间。1,2,3,4这些数字在图片的右下角。
你这样是，鼠标放到1图，才显示1图。 那比如说，我第一张图就是显示的，然后，鼠标选中2的时候切换到2的图片呢？
追答
哦 明白了 不过你要这样是不可能不用js的 因为要改变其他容器内的参数 但是js很简单的 你稍等一会我把这个给你写了
我上传文件了 下下来看一看吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
追问
关键 不认识那边的代码呀，是用的js吧，因为是新手，sorry
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
