DW里面我做了个图片,当鼠标移动到图片上面时,会变成另一幅图片,这个效果怎么做?
展开全部
css 控制,把图片当做背景
<style>
a{background:url(image1.gif) no-repeat;display:block;height:XXpx;width:XXXpx;}
a:hover{background:url(image2.gif);}
</style>
<a></a>
<style>
a{background:url(image1.gif) no-repeat;display:block;height:XXpx;width:XXXpx;}
a:hover{background:url(image2.gif);}
</style>
<a></a>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不建议用DW里“鼠标经过图像”功能,因为当网速不太快的时候,鼠标经过后的图片还没有下载下来,看上去很不美观。并且还需要一大堆的JS代码,还需要预载经过图片。其实可以用CSS来实现。
具体方法看我给你的参考资料。有什么不明白的可以Hi我。
具体方法看我给你的参考资料。有什么不明白的可以Hi我。
参考资料: http://blog.163.com/china_yaowei/blog/static/8777676020106851659897/
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2010-09-15
展开全部
用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>
==========================
我这不是指点你么,全给你写出来了就不叫指点了
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询