怎样用dreamweaver制作动态图片

就做一个网页，所以不想找人了，我会photoshop，想做出一个图片，鼠标指向的时候变成另一张图片（最好带动画效果，带声音），点击后进入另一个页面。

举报该文章

相关建议推荐于2017-10-15

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无标题文档</title>
<style>
*{margin:0;padding:0;}
#div{height:200px;width:1200px;margin:0 auto;margin-top:100px;border:1px solid red;overflow:hidden;position:relative}
li{list-style:none; float:left;}
#ul{position:absolute;left:0;}
img{vertical-align:middle}

</style>
</head>

<body>

<div id="div">

<ul id="ul">
<li><img src="images/2.jpg" width="300" height="200"></li>
<li><img src="images/3.jpg" width="300" height="200"></li>
<li><img src="images/4.jpg" width="300" height="200"></li>
<li><img src="images/5.jpg" width="300" height="200"></li>
</ul>

</div>
</div>

</body>
</html>
<script type="text/javascript">

/*function getId(id){
return document.getElementById(id);
}
function getTag(fatherTag,sonTag){
return fatherTag.getElementsByTagName(sonTag);
}

var ul= getId('ul');

var li= getTag(ul,'li');*/
/*----向右----*/
ul.innerHTML+=ul.innerHTML
ul.style.width = '2400px';
var speed=5
setInterval(move,60)
function move(){
if(ul.offsetLeft>0)
{ul.style.left='-1200px'}
/*else if(ul.offsetLetf<-1200)
{ul.style.letf=0}/*----------上下移动添加次条件句----*/
ul.style.left=ul.offsetLeft+speed+'px'
}
/*---向左---
ul.innerHTML+=ul.innerHTML
ul.style.width = '2400px';
var speed=5
setInterval(move,60)
function move(){
if(ul.offsetLeft<-1200)
{ul.style.left=0}
/*else if(ul.offsetLetf<-1200)
{ul.style.letf=0}*/
/* ul.style.left=ul.offsetLeft-speed+'px'
}
*/
</script>

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/s44222qfv.html

其他看法

第1个回答 2012-09-16

首先用ps做出两张图，一张直接显示的，一张是鼠标放上去后你想显示的。
然后把直接显示的图片做上超链接，链接到你想要进入的另一个页面。
修改一下属性，参考下面：
a:active 超级链接激活时，也就是当鼠标左键按下时，超级链接的文本的颜色、状态等
a:visited 已经看过的超级链接的文本的颜色、状态等
a:hover 当鼠标移动到超级链接上时，超级链接的文本的颜色、状态等.
把hover状态的图片替换成你想要展示的图片，这样鼠标放上去就变了。

--------------------------------------------
不好意思，上面有点错误，这样没法修改图片。应该把图片摄为背景，这样就可以通过修改链接属性来改变背景了。本回答被网友采纳

第2个回答 2015-09-13

dreamweaver是做网页的，做动态图片可以是使用Photoshop或美图……
ps:你要的效果可以使用js实现代码：
<img src="a.gif" onmouseover="this.src='over.gif" onmouseout="this.src='out.gif'"/>

第3个回答 2012-09-16

用flash最好，有声音。或者到网上下载个js代码的话效果比较炫。

第4个回答 2012-09-16

adsdsa

相似回答

大家正在搜