DW里面我做了个图片，当鼠标移动到图片上面时，会变成另一幅图片，这个效果怎么做？

发布网友 发布时间：2023-03-14 20:31

我来回答

共4个回答

热心网友 时间：2023-10-24 05:06

插入—图像对象—鼠标经过图像
dw中的简单命令就可以做好这个效果了

热心网友 时间：2023-10-24 05:07

css 控制，把图片当做背景

<style>
a{background:url(image1.gif) no-repeat;display:block;height:XXpx;width:XXXpx;}
a:hover{background:url(image2.gif);}
</style>
<a></a>

热心网友 时间：2023-10-24 05:07

不建议用DW里“鼠标经过图像”功能，因为当网速不太快的时候，鼠标经过后的图片还没有下载下来，看上去很不美观。并且还需要一大堆的JS代码，还需要预载经过图片。其实可以用CSS来实现。

具体方法看我给你的参考资料。有什么不明白的可以Hi我。

参考资料：http://blog.163.com/china_yaowei/blog/static/8777676020106851659897/

热心网友 时间：2023-10-24 05:08

用JS
==========================
我这不是指点你么，全给你写出来了就不叫指点了

<p>dsdfsdfs<a href="#" onmousemove="window.open('')">dfsdfs</a>dfsdfsd </p>

图片轮播百度找源码去自己看
==========================================
没事做写了个，参考
<script>
var i = 0;
var imgArr = ["003.jpg","002.jpg","003.jpg"];
function imgScroll(){
var scrTime=5;
for(var i=scrTime;i>=0;i--){
window.setTimeout("doUpdate("+ i +")",(scrTime-i)*1000);
}
}
function doUpdate(num){
document.getElementById("traces").innerHTML=num+"秒后显示下一张"
if (num==0){
document.getElementById("a5").src=imgArr[i];
i>=imgArr.length-1?i=0:i++;
imgScroll();
}
}
window.onload=function (){
imgScroll();
}
</script>
<div id="traces"></div>
<p><img src="001.jpg" width="200" height="150" id="a5" /></p>