淘宝首页 图片滑动切换效果 基于jQuery的animate方法实现

内容如题

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
img {
	height:400px;
	width:1250px;	
	/*使用relative,才能使用left、top性质*/
	position:relative;
	top:0px;
	left:0px;
	/*transition:left 0.5s;*/
}
</style>
</head>
<body>
<!--overflow:hidden性质使得超出div宽度的部分隐藏-->
<div id="buju" style="width:250px;height:400px;margin:80px auto;border:2px black solid;overflow:hidden;">
<img id="tt" src="55.png" alt="tupian" title="coocku"/>
<script src="js/jquery-1.6.2.min.js"></script>
<script>
var num = 0;
var x = 0;
var st;
$(document).ready(function() {
	
	//gogo();
	huadong();
	//st =setInterval(huadong,3000);
});

window.onfocus = gogo;
function gogo() {
	//alert(num);
	st =setTimeout(huadong,3000);	
}
function stopgo() {
	clearTimeout(s
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值