您的位置：首页 > Web前端 > JavaScript

javascript 制作随鼠标滚动的广告图片

2012-08-07 15:22 549 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

#test{

 position:absolute;

 width:300px;

 height:200px;

 top:50px;

 left:40px;

 background-color:#3F0;

 }

</style>

</head>

<body>

ddddddd

 

 

 

 

 

 

 

 

 

 

<div id="test">测试</div>

java script

 

java script

 

java script

 

java script

 

java script

java script

java script

 

java script

java script

java script

java script

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

</body>

<script type="text/javascript">

var top,left;

function show(){

 var tet=document.getElementById("test");

 top=document.defaultView.getComputedStyle(tet,null).top;

 left=document.defaultView.getComputedStyle(tet,null).left



 }

function move(){

 var scrolltop=document.documentElement.scrollTop;

 var scrolllefe =document.documentElement.scrollLeft;



 var tet=document.getElementById("test");

 tet.style.top=parseInt(top)+scrolltop+"px";





 }



 window.onload=show

 window.onscroll=move;





</script>

</html>

以上代码直接复制、就行。。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript xhtml function html

相关文章推荐

新的分享

章节导航