52,782
社区成员
发帖
与我相关
我的任务
分享谁有jquery做的滚动图片事例，能给我一个不能啊，谢谢啊，急啊
谁有jquery做的滚动图片事例，能给我一个不能啊，谢谢啊，急啊，谢谢
...全文
请发表友善的回复…
发表回复
icharme 2012-03-21
- 打赏
- 举报
http://www.cnblogs.com/jikey/archive/2012/03/21/2410044.html
是不是要这种效果
是不是要这种效果
songminghong 2012-03-15
- 打赏
- 举报
[Quote=引用 3 楼 songminghong 的回复:]
谢谢二楼的，我先看看
[/Quote]
搞错了，应该是谢谢一楼的，失误了，抱歉
谢谢二楼的，我先看看
[/Quote]
搞错了，应该是谢谢一楼的，失误了，抱歉
songminghong 2012-03-15
- 打赏
- 举报
谢谢二楼的，我先看看
hllfl 2012-03-14
- 打赏
- 举报
www.pudn.com
licip 2012-03-14
- 打赏
- 举报
这个不是jquery的，你可以参考一下吧：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">
<!--
function $(id){
return document.getElementById(id);
}
var fx = true;
function movex(){
var divobj = $("div1");
var _top = divobj.style.top.slice(0,-2) - '0';
var bh = document.documentElement.clientHeight;
if(fx && _top+105<bh){
divobj.style.top = _top + 1;
if(_top+1+105>=bh)fx = false;
}else if(!fx && _top>0){
divobj.style.top = _top - 1;
if(_top-1<=0)fx=true;
}
setTimeout("movex()",10);
//$("div2").innerHTML = document.documentElement.clientHeight + "," + _top;
}
var fy = true;
function movey(){
var divobj = $("div1");
var _left = divobj.style.left.slice(0,-2) - '0';
var bw = document.documentElement.clientWidth;
if(fy && _left+160<bw){
divobj.style.left = _left + 1;
if(_left+1+160>=bw)fy = false;
}else if(!fy && _left>0){
divobj.style.left = _left - 1;
if(_left-1<=0)fy=true;
}
setTimeout("movey()",10);
//$("div2").innerHTML = document.documentElement.clientWidth;
}
//-->
</script>
</head>
<body onload="movex();movey();">
<div id="div1" style="position:absolute;left:0px;top:0px;width:160px;height:105px;">
<img src="ë4.jpg">
</div>
<div id="div2" style="position:absolute;left:0px;bottom:0px">ddff</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">
<!--
function $(id){
return document.getElementById(id);
}
var fx = true;
function movex(){
var divobj = $("div1");
var _top = divobj.style.top.slice(0,-2) - '0';
var bh = document.documentElement.clientHeight;
if(fx && _top+105<bh){
divobj.style.top = _top + 1;
if(_top+1+105>=bh)fx = false;
}else if(!fx && _top>0){
divobj.style.top = _top - 1;
if(_top-1<=0)fx=true;
}
setTimeout("movex()",10);
//$("div2").innerHTML = document.documentElement.clientHeight + "," + _top;
}
var fy = true;
function movey(){
var divobj = $("div1");
var _left = divobj.style.left.slice(0,-2) - '0';
var bw = document.documentElement.clientWidth;
if(fy && _left+160<bw){
divobj.style.left = _left + 1;
if(_left+1+160>=bw)fy = false;
}else if(!fy && _left>0){
divobj.style.left = _left - 1;
if(_left-1<=0)fy=true;
}
setTimeout("movey()",10);
//$("div2").innerHTML = document.documentElement.clientWidth;
}
//-->
</script>
</head>
<body onload="movex();movey();">
<div id="div1" style="position:absolute;left:0px;top:0px;width:160px;height:105px;">
<img src="ë4.jpg">
</div>
<div id="div2" style="position:absolute;left:0px;bottom:0px">ddff</div>
</body>
</html>
