js让图片漂浮?

fuyou001 2009-05-12 01:31:20 
<html>

<head>

	<title>test</title>

	

</head>

<body bgcolor="#FFFFFF">

	<div id="image">

		<img src="1.gif">

	<div>

</body>



<script type="text/javascript" language="Javascript" >

	var cilentWidth = document.documentElement.clientWidth;   

	var cilentHeight = document.documentElement.clientHeight;  

	

	if(!cilentWidth)   cilentWidth =  document.body.clientWidth;  

    if(!cilentHeight)  cilentHeight = document.body.clientHeight;

		

	var left=right=0;

	

	var targetObj =null; //缓存，不必每次取



	function floadAd(fload_id){

		if(!targetObj)  targetObj = document.getElementById(fload_id);

			

		if(!targetObj)	return;

		var flag = false;

		if(Math.random()>0.7) flag = true;



		left = Math.ceil(getTop(targetObj)+Math.random()*9*(flag?1:-1));

		right =Math.ceil( getLeft(targetObj)+Math.random()*5*(flag?1:-1));

		if(left>cilentWidth) left = Math.ceil(15+Math.random()*130);

		if(right>cilentHeight) right = Math.ceil(15+Math.random()*80);

		targetObj.style.left = left;

		targetObj.style.top = right;

	

	}

	function getTop(element){

		if(!element) return ;

		if(element.parent) return element.offsetTop+getTop(element.offsetParent);

		return element.offsetTop

	}

	function getLeft(element){

		if(!element) return ;

		if(element.parent) return element.offsetLeft+getTop(element.offsetLeft);

		return element.offsetLeft	

	}



//	alert("left:="+getTop(document.getElementById('image')));

//	alert("top:="+getLeft(document.getElementById('image')));

//	floadAd('image')

		setInterval("floadAd('"+image+"')",25);



//	for(var i=0;i<10;i++){

//		floadAd('image')

//	}

</script>	

</html>

图片位置怎么不变化 呢
...全文
431 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
HYH124628022 2009-05-19
  • 打赏
  • 举报
 回复
可以呀
zyongking 2009-05-18
  • 打赏
  • 举报
 回复
up
pengzhiyun 2009-05-18
  • 打赏
  • 举报
 回复
路过
fuyou001 2009-05-18
  • 打赏
  • 举报
 回复
[Quote=引用 8 楼 caiying2009 的回复:]
不错^_^

HTML code
<html>
<head>
<title>test</title>

</head>
<body bgcolor="#000000">
<div id="image" style="position:absolute">
<img src="http://image.iask.sina.com.cn/logo/73/74/50_1338907473.gif">
<div>
</body>

<script type="text/javascript" language="Javascript" >
var cilentWidth = document.documentElement.clientWidth;
var cilentHeight = …
[/Quote]

改了哪，也就下，我看了半天，没看你高手改了哪
zhaodalong 2009-05-12
  • 打赏
  • 举报
 回复
<html>
<head>
<title>test</title>

</head>
<body bgcolor="#000000">
<div id="image" style="position:absolute">
<img src="http://image.iask.sina.com.cn/logo/73/74/50_1338907473.gif">
<div>
</body>

<script type="text/javascript" language="Javascript" >
var cilentWidth = document.documentElement.clientWidth;
var cilentHeight = document.documentElement.clientHeight;

if(!cilentWidth) cilentWidth = document.body.clientWidth;
if(!cilentHeight) cilentHeight = document.body.clientHeight;

var left=right=0;

var targetObj =null; //缓存，不必每次取

function floadAd(fload_id){
if(!targetObj) targetObj = document.getElementById(fload_id);

if(!targetObj) return;
var flag = false;
if(Math.random()>0.5) flag = true;

left = Math.ceil(getTop(targetObj)+Math.random()*9*(flag?1:-1));
right =Math.ceil( getLeft(targetObj)+Math.random()*5*(flag?1:-1));
if(left>cilentWidth) left = Math.ceil(15+Math.random()*130);
if(right>cilentHeight) right = Math.ceil(15+Math.random()*80);
targetObj.style.left = left;
targetObj.style.top = right;

}
function getTop(element){
if(!element) return ;
if(element.parent) return element.offsetTop+getTop(element.offsetParent);
return element.offsetTop
}
function getLeft(element){
if(!element) return ;
if(element.parent) return element.offsetLeft+getTop(element.offsetLeft);
return element.offsetLeft
}

// alert("left:="+getTop(document.getElementById('image')));
// alert("top:="+getLeft(document.getElementById('image')));
// floadAd('image')
setInterval("floadAd('image')",25);

// for(var i=0;i<10;i++){
// floadAd('image')
// }
</script>
</html>
printfabcd 2009-05-12
  • 打赏
  • 举报
 回复
8楼那样就可以了
HTML code
<html>
<head>
<title>test</title>

</head>
<body bgcolor="#000000">
<div id="image" style="position:absolute">
<img src="http://image.iask.sina.com.cn/logo/73/74/50_1338907473.gif">
<div>
</body>

<script type="text/javascript" language="Javascript" >
var cilentWidth = document.documentElement.clientWidth;
var cilentHeight = document.documentElement.clientHeight;

if(!cilentWidth) cilentWidth = document.body.clientWidth;
if(!cilentHeight) cilentHeight = document.body.clientHeight;

var left=right=0;

var targetObj =null; //缓存，不必每次取

function floadAd(fload_id){
if(!targetObj) targetObj = document.getElementById(fload_id);

if(!targetObj) return;
var flag = false;
if(Math.random()>0.5) flag = true;

left = Math.ceil(getTop(targetObj)+Math.random()*9*(flag?1:-1));
right =Math.ceil( getLeft(targetObj)+Math.random()*5*(flag?1:-1));
if(left>cilentWidth) left = Math.ceil(15+Math.random()*130);
if(right>cilentHeight) right = Math.ceil(15+Math.random()*80);
targetObj.style.left = left;
targetObj.style.top = right;

}
function getTop(element){
if(!element) return ;
if(element.parent) return element.offsetTop+getTop(element.offsetParent);
return element.offsetTop
}
function getLeft(element){
if(!element) return ;
if(element.parent) return element.offsetLeft+getTop(element.offsetLeft);
return element.offsetLeft
}

// alert("left:="+getTop(document.getElementById('image')));
// alert("top:="+getLeft(document.getElementById('image')));
// floadAd('image')
setInterval("floadAd('image')",25);

// for(var i=0;i<10;i++){
// floadAd('image')
// }
</script>
</html>

caiying2009 2009-05-12
  • 打赏
  • 举报
 回复
不错^_^


<html>

<head>

    <title>test</title>

    

</head>

<body bgcolor="#000000">

    <div id="image" style="position:absolute">

        <img src="http://image.iask.sina.com.cn/logo/73/74/50_1338907473.gif">

    <div>

</body>



<script type="text/javascript" language="Javascript" >

    var cilentWidth = document.documentElement.clientWidth;   

    var cilentHeight = document.documentElement.clientHeight;  

    

    if(!cilentWidth)   cilentWidth =  document.body.clientWidth;  

    if(!cilentHeight)  cilentHeight = document.body.clientHeight;

        

    var left=right=0;

    

    var targetObj =null; //缓存，不必每次取



    function floadAd(fload_id){

        if(!targetObj)  targetObj = document.getElementById(fload_id);

            

        if(!targetObj)    return;

        var flag = false;

        if(Math.random()>0.5) flag = true;



        left = Math.ceil(getTop(targetObj)+Math.random()*9*(flag?1:-1));

        right =Math.ceil( getLeft(targetObj)+Math.random()*5*(flag?1:-1));

        if(left>cilentWidth) left = Math.ceil(15+Math.random()*130);

        if(right>cilentHeight) right = Math.ceil(15+Math.random()*80);

        targetObj.style.left = left;

        targetObj.style.top = right;

    

    }

    function getTop(element){

        if(!element) return ;

        if(element.parent) return element.offsetTop+getTop(element.offsetParent);

        return element.offsetTop

    }

    function getLeft(element){

        if(!element) return ;

        if(element.parent) return element.offsetLeft+getTop(element.offsetLeft);

        return element.offsetLeft    

    }



//    alert("left:="+getTop(document.getElementById('image')));

//    alert("top:="+getLeft(document.getElementById('image')));

//    floadAd('image')

        setInterval("floadAd('image')",25);



//    for(var i=0;i<10;i++){

//        floadAd('image')

//    }

</script>    

</html>
natineprince 2009-05-12
  • 打赏
  • 举报
 回复 
<html>

<head>

    <title>test</title>

    

</head>

<body bgcolor="#000000">

    <div id="image" style="position:absolute">

        <img src="1.gif">

    <div>

</body>



<script type="text/javascript" language="Javascript" >

    var cilentWidth = document.documentElement.clientWidth;   

    var cilentHeight = document.documentElement.clientHeight;  

    

    if(!cilentWidth)   cilentWidth =  document.body.clientWidth;  

    if(!cilentHeight)  cilentHeight = document.body.clientHeight;

        

    var left=right=0;

    

    var targetObj =null; //缓存，不必每次取



    function floadAd(fload_id){

        if(!targetObj)  targetObj = document.getElementById(fload_id);

            

        if(!targetObj)    return;

        var flag = false;

        if(Math.random()>0.5) flag = true;



        left = Math.ceil(getTop(targetObj)+Math.random()*9*(flag?1:-1));

        right =Math.ceil( getLeft(targetObj)+Math.random()*5*(flag?1:-1));

        if(left>cilentWidth) left = Math.ceil(15+Math.random()*130);

        if(right>cilentHeight) right = Math.ceil(15+Math.random()*80);

        targetObj.style.left = left;

        targetObj.style.top = right;

    

    }

    function getTop(element){

        if(!element) return ;

        if(element.parent) return element.offsetTop+getTop(element.offsetParent);

        return element.offsetTop

    }

    function getLeft(element){

        if(!element) return ;

        if(element.parent) return element.offsetLeft+getTop(element.offsetLeft);

        return element.offsetLeft    

    }



//    alert("left:="+getTop(document.getElementById('image')));

//    alert("top:="+getLeft(document.getElementById('image')));

//    floadAd('image')

        setInterval("floadAd('image')",25);



//    for(var i=0;i<10;i++){

//        floadAd('image')

//    }

</script>    

</html>

这样就不飞走啦.哈.
不过会震动到人家看不舒服.
为啥要用这么复杂的计算呢...
fuyou001 2009-05-12
  • 打赏
  • 举报
 回复
在不位置变化，
gengzhw 2009-05-12
  • 打赏
  • 举报
 回复
要怎么改,你不说要让他怎么动？
fuyou001 2009-05-12
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 natineprince 的回复:]
HTML code<html>
<head>
<title>test</title>

</head>
<body bgcolor="#000000">
<div id="image" style="position:absolute">
<img src="1.gif">
<div>
</body>

<script type="text/javascript" language="Javascript" >
var cilentWidth = document.documentElement.clientWidth;
var cilentHeight = document.documentElement.clientHeight;

if(!cilentWidth…
[/Quote]
还真飞走了，并且位置老在一个位置附近浮动，要怎么改
natineprince 2009-05-12
  • 打赏
  • 举报
 回复
1.<div id="image" style="position:absolute">
2.setInterval("floadAd('image')",25);
fuyou001 2009-05-12
  • 打赏
  • 举报
 回复
我是来请教图片位置怎么不变化
natineprince 2009-05-12
  • 打赏
  • 举报
 回复 
<html>

<head>

    <title>test</title>

    

</head>

<body bgcolor="#000000">

    <div id="image" style="position:absolute">

        <img src="1.gif">

    <div>

</body>



<script type="text/javascript" language="Javascript" >

    var cilentWidth = document.documentElement.clientWidth;   

    var cilentHeight = document.documentElement.clientHeight;  

    

    if(!cilentWidth)   cilentWidth =  document.body.clientWidth;  

    if(!cilentHeight)  cilentHeight = document.body.clientHeight;

        

    var left=right=0;

    

    var targetObj =null; //缓存，不必每次取



    function floadAd(fload_id){

        if(!targetObj)  targetObj = document.getElementById(fload_id);

            

        if(!targetObj)    return;

        var flag = false;

        if(Math.random()>0.7) flag = true;



        left = Math.ceil(getTop(targetObj)+Math.random()*9*(flag?1:-1));

        right =Math.ceil( getLeft(targetObj)+Math.random()*5*(flag?1:-1));

        if(left>cilentWidth) left = Math.ceil(15+Math.random()*130);

        if(right>cilentHeight) right = Math.ceil(15+Math.random()*80);

        targetObj.style.left = left;

        targetObj.style.top = right;

    

    }

    function getTop(element){

        if(!element) return ;

        if(element.parent) return element.offsetTop+getTop(element.offsetParent);

        return element.offsetTop

    }

    function getLeft(element){

        if(!element) return ;

        if(element.parent) return element.offsetLeft+getTop(element.offsetLeft);

        return element.offsetLeft    

    }



//    alert("left:="+getTop(document.getElementById('image')));

//    alert("top:="+getLeft(document.getElementById('image')));

//    floadAd('image')

        setInterval("floadAd('image')",25);



//    for(var i=0;i<10;i++){

//        floadAd('image')

//    }

</script>    

</html>


会飞走的浮动...第一次见...
图片漂浮(javascript)
javascript实现图片漂浮
......存放图片的路径和信息
jQuery可拖动图片漂浮广告代码.zip
jQuery可拖动图片漂浮广告代码简介： jQuery可拖动图片漂浮广告代码是一款支持鼠标拖动，在浏览器自动漂浮的jQuery广告代码。
CSS+JS图片显示漂亮的漂浮提示框效果代码
CSS+JS图片显示漂亮的漂浮提示框效果
CSS JS图片漂浮提示框效果.rar
CSS JS图片漂浮提示框效果
网站图片漂浮
图片漂浮js代码实现 鼠标移动上去漂浮停止 点击关闭按钮图片消失
JavaScript

87,907

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章