<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#picShow img{width: 468px;height: 228px;margin: 0;padding: 0;}
#picShow{position: relative;top: 0px;border: none;}
#picTitle{position: relative;z-index: 11px;width: 468px;height: 30px;background: rgba(0,0,0,0.7);top: -955px;color: #999;text-indent: 10px;line-height: 30px; font-family: "Microsoft YaHei"}
#communityActivities{left: 478px;top: 9px;position: absolute;width: 468px;height: 228px;overflow: hidden;}
</style>
<script type="text/javascript" src='jquery-1.8.3.js'></script>
</head>
<body>
<section id="communityActivities">
<div id="picShow">
<img src="images/pic.jpg">
<img src="images/pic1.jpg">
<img src="images/pic2.jpg">
<img src="images/pic3.jpg">
<img src="images/pic4.jpg">
</div>
<div id="picTitle">这是新闻标题啊</div>
</section>
<script type="text/javascript">
function picTurn(elementId){
var $top = parseInt($(elementId).css('top'));
if ($top<-924) {
$top=231;
var $pic=$(elementId).find('img:first').remove();
$(elementId).find('img:last').append($pic);
};
$top -=231;
$top +='px';
$(elementId).animate({top:$top},"slow");
}
$(document).ready(function() {
setInterval("picTurn('#picShow')", 2000);
});
</script>
</body>
</html>
代码在这里了,下个jquery和几张图片就可以用,求大神帮我测一下,主要是想当循环播放到最后一张时又从第一张开始播放,过度和其他一样,就是类似第二张到第三张那样自然,而不是突然间刷的从第五张到第一张,一直测不好,求大神测好后告诉我,参考效果类似登陆后百度首页的新闻轮播,注意循环,最后一张到第一张的动画转换也是和其他一样的
不懂再问,这是我自己写的一个轮换,里面包括了点击事件,原理是控制图片的显示隐藏,
别的有控制高度等等之类的 。
追问大哥,我不是要代码,要的话网上一大堆,主要是为了学习啊,上面是我自己写的,就是不知道怎么解决才来请教的
追答setTimeout 用这个控制试试
能针对我的例子帮我修改一下吗?或者给个详细的思路也行,谢谢啦