Dreamweaver8 想在首页做一个图片切换效果。怎么做呀?有高手可以教一下嘛,不想用网上的插
Dreamweaver8想在首页做一个图片切换效果。怎么做呀?有高手可以教一下嘛,不想用网上的插件,也用不来。想自己做出来。...
Dreamweaver8 想在首页做一个图片切换效果。怎么做呀?有高手可以教一下嘛,不想用网上的插件,也用不来。想自己做出来。
展开
2个回答
展开全部
用flash做一个图片切换的动画,然后插进去
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<!doctype html>
<html>
<head>
<script src="jquery.js"></script>
<style>
img{float:left; border:none;}
body{ margin:0}
.xianshi{width:226px; height:500px;overflow:hidden; }
.gundong{overflow:hidden;}
</style>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<div class="xianshi">
<div class="gundong"><img src="images/0.jpg">
<img src="images/1.jpg">
<img src="images/0.jpg">
<img src="images/1.jpg">
<img src="images/0.jpg">
</div>
</div>
<script>
imgWidth=$(".xianshi").width()
$("img").width(imgWidth)
a=$(".gundong img").length
$(".gundong").css("width",imgWidth*a)
n=0
function dong(){
if(n<$(".gundong img").length-1){
n=n+1
}
else{
$(".gundong").css("marginLeft",0)
n=1
}
$(".gundong").animate({marginLeft:-imgWidth*n},1000)
document.title=n
}
setInterval(dong,2000)
</script>
</body>
</html>
<html>
<head>
<script src="jquery.js"></script>
<style>
img{float:left; border:none;}
body{ margin:0}
.xianshi{width:226px; height:500px;overflow:hidden; }
.gundong{overflow:hidden;}
</style>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<div class="xianshi">
<div class="gundong"><img src="images/0.jpg">
<img src="images/1.jpg">
<img src="images/0.jpg">
<img src="images/1.jpg">
<img src="images/0.jpg">
</div>
</div>
<script>
imgWidth=$(".xianshi").width()
$("img").width(imgWidth)
a=$(".gundong img").length
$(".gundong").css("width",imgWidth*a)
n=0
function dong(){
if(n<$(".gundong img").length-1){
n=n+1
}
else{
$(".gundong").css("marginLeft",0)
n=1
}
$(".gundong").animate({marginLeft:-imgWidth*n},1000)
document.title=n
}
setInterval(dong,2000)
</script>
</body>
</html>
更多追问追答
追问
我需要在哪些地方修改呢
追答
把上面的代码,换成你的图片链接;比如
还有
.xianshi{width:226px; height:500px;overflow:hidden; }里面的
width:226px; height:500px;
分别换成你图片的宽和高
width:图片的宽度
height:图片的高度
宽和高你点击图片,看它的信息就知道了(尺寸:226*186,226就是宽,186就是高)。
另外你还需要在HTML文件夹放一个JQUERY,你要是没有,问我要
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询