滚动条事件 原帖地址http://topic.csdn.net/u/20091011/17/a2daac2a-dfaf-4e97-b25a-0bab0a3d92c2.html?seed=1316143615&r=60344594#r_60344594 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 http://topic.csdn.net/u/20091011/17/a2daac2a-dfaf-4e97-b25a-0bab0a3d92c2.html?seed=1316143615&r=60344594#r_60344594 下面的代码图片随着鼠标的划动而改变高度我要是随着滚动条的上下划动而改变高度<!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> <title>无标题页 </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><body><div style="width:80px;height:300px;border:1px red solid;position:relative;"> <img id="moveimg" style="position:absolute" src="http://i1.sinaimg.cn/home/deco/2009/0330/logo_home.gif"></img></div><script language="javascript"> var img=document.getElementById('moveimg'); var el=0; var et=0; document.onmousemove=function(e){ var event=e||window.event; el=event.clientX; et=event.clientY; document.title=el; } setInterval(function(){ var dw=document.body.clientWidth; var dh=document.body.clientHeight; var left=(el/dw)*80 left=left<0?0:left var top=(et/dh)*300; top=top<0?0:top; var maxleft=80-img.offsetWidth var maxtop=300-img.offsetHeight img.style.left=(left<maxleft?left:maxleft)+'px'; img.style.top=(top<maxtop?top:maxtop)+'px'; },10); </script></body> </html> <!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> <title> new document </title> </head> <body> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <script type="text/javascript"> <!-- var $ = function(sId){ return "string" == typeof(sId) ? document.getElementById(sId) : id; } var Extend = function(distination, source){ for(var property in source){ distination[property] = source[property]; } return distination; } Function.prototype.bind=function(object){ var method=this; return function(){ method.apply(object,arguments); } } var Class = { create: function(){ return function(){ this.initialize.apply(this, arguments); } } } var FloatBanner = Class.create(); FloatBanner.prototype = { initialize: function(sid, content, top){ document.write('<div id='+sid+' style="position:absolute;">'+content+'</div>'); this.oContainer = $(sid); this.top = top; this.oContainer.style.top = top + "px"; setInterval(this.Scroll.bind(this), 20); }, Scroll: function(){ this.StartPoint = parseInt(this.oContainer.style.top, 10); this.EndPoint = document.documentElement.scrollTop + this.top; if(this.StartPoint != this.EndPoint){ this.ScrollAmount = Math.ceil( Math.abs( this.EndPoint - this.StartPoint ) / 15 ); this.oContainer.style.top = parseInt(this.oContainer.style.top, 10) + ( ( this.EndPoint<this.StartPoint ) ? -this.ScrollAmount : this.ScrollAmount )+"px"; } } } var fb = new FloatBanner("id1","<img src='http://jzyouth.org.cn/images/float/2009Cherry.gif' />",250); //--> </script> </body></html> csdn对话框demo 怎样在mozilla下实现window.screenTop的功能 有没有办法通过JS读取并复制已有的一个table的一个tr元素,并且追加到原有的table中? 下拉菜单在页面中的位置是用坐标来选择的。。想改掉!!!! 多个表单的提交 如何解决密码的问题! 我想实现一个这样的效果,单击表格中的一个<td>标签,使整个表格的背景变色,谁能帮我 为什么写的JS值班表,输不出信息呢? lhgdialog如何在iframe弹出窗口覆盖整个页面? 请教一个php、js的动态文章系统的方向问题 急!!!jsp里用js读取txt报错! 关于jsp中submit用法的问题
图片随着鼠标的划动而改变高度
我要是随着滚动条的上下划动而改变高度<!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>
<title>无标题页 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<div style="width:80px;height:300px;border:1px red solid;position:relative;">
<img id="moveimg" style="position:absolute" src="http://i1.sinaimg.cn/home/deco/2009/0330/logo_home.gif"></img>
</div>
<script language="javascript">
var img=document.getElementById('moveimg');
var el=0;
var et=0;
document.onmousemove=function(e){
var event=e||window.event;
el=event.clientX;
et=event.clientY;
document.title=el;
}
setInterval(function(){
var dw=document.body.clientWidth;
var dh=document.body.clientHeight;
var left=(el/dw)*80
left=left<0?0:left
var top=(et/dh)*300;
top=top<0?0:top;
var maxleft=80-img.offsetWidth
var maxtop=300-img.offsetHeight
img.style.left=(left<maxleft?left:maxleft)+'px';
img.style.top=(top<maxtop?top:maxtop)+'px';
},10);
</script>
</body>
</html>
<!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>
<title> new document </title>
</head>
<body>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<script type="text/javascript">
<!--
var $ = function(sId){
return "string" == typeof(sId) ? document.getElementById(sId) : id;
}
var Extend = function(distination, source){
for(var property in source){
distination[property] = source[property];
}
return distination;
}
Function.prototype.bind=function(object){
var method=this;
return function(){
method.apply(object,arguments);
}
}
var Class = {
create: function(){
return function(){
this.initialize.apply(this, arguments);
}
}
} var FloatBanner = Class.create();
FloatBanner.prototype = {
initialize: function(sid, content, top){
document.write('<div id='+sid+' style="position:absolute;">'+content+'</div>');
this.oContainer = $(sid);
this.top = top;
this.oContainer.style.top = top + "px";
setInterval(this.Scroll.bind(this), 20);
},
Scroll: function(){
this.StartPoint = parseInt(this.oContainer.style.top, 10);
this.EndPoint = document.documentElement.scrollTop + this.top;
if(this.StartPoint != this.EndPoint){
this.ScrollAmount = Math.ceil( Math.abs( this.EndPoint - this.StartPoint ) / 15 );
this.oContainer.style.top = parseInt(this.oContainer.style.top, 10) + ( ( this.EndPoint<this.StartPoint ) ? -this.ScrollAmount : this.ScrollAmount )+"px";
}
}
}
var fb = new FloatBanner("id1","<img src='http://jzyouth.org.cn/images/float/2009Cherry.gif' />",250);
//-->
</script>
</body>
</html>