求一个js对联图片悬浮随滚动条滚动代码，左右两边的图片不一样的 可改的！知道的说下 急用！

JavaScript027

求一个js对联图片悬浮随滚动条滚动代码，左右两边的图片不一样的 可改的！知道的说下 急用！,第1张

<script>

var class_name=function()

{

this.top=500//与顶部距离

//左侧广告

this.l_width=100//宽

this.l_height=100//高

this.l_left=100//与左侧的距离

this.l_src="http://img.baidu.com/img/logo-zhidao.gif"//图片路径

this.l_url="http://www.baidu.com/"//图片链接地址

//右侧广告

this.r_width=100//宽

this.r_height=100//高

this.r_right=100//与右侧的距离

this.r_src="http://img.baidu.com/img/logo-zhidao.gif"//图片路径

this.r_url="http://www.baidu.com/"//图片链接地址

}

var c=new class_name()

document.write('<div id="xf_left_gg" style="position:absolutewidth:'+c.l_width+'pxheigth:'+c.l_height+'pxleft:'+c.l_left+'pxtop:'+c.top+'px"><a href="'+c.l_url+'" target="_blank"><img src="'+c.l_src+'" width="'+c.l_width+'" height="'+c.l_height+'" border="0"></a></div>')

document.write('<div id="xf_right_gg" style="position:absolutewidth:'+c.r_width+'pxheigth:'+c.r_height+'px" right:'+c.r_right+'pxtop:'+c.top+'px"><a href="'+c.l_url+'" target="_blank"><img src="'+c.l_src+'" width="'+c.l_width+'" height="'+c.l_height+'" border="0"></a></div>')

function lxs_xf()

{

var t=(document.body.scrollTop>0)?(parseInt(document.body.scrollTop)+c.top):c.top

$("xf_left_gg").style.left=c.l_left+"px"

$("xf_left_gg").style.top=t+"px"

$("xf_right_gg").style.right=c.r_right+"px"

$("xf_right_gg").style.top=t+"px"

}

function $(id){return document.getElementById(id)}

if(window.attachEvent)

{

window.attachEvent("onload",lxs_xf)

window.attachEvent("onscroll",lxs_xf)

}

else

{

window.addEventListener("load",lxs_xf,false)

window.addEventListener("scroll",lxs_xf,false)

}

</script>

html：

<div class="tImg">

    <img class="sImg1" src="图片1"/>

    <img class="sImg2" src="图片2"/>

</div>

CSS：

.tImg {position:relative width:320px height:240px}

.tImg .sImg1 {width:320px height:240px}

.tImg .sImg2 {display:none position:absolute right:2px top:2px width:100px height:100px}

.tImg:hover .sImg2 {display:block}

用一段javascript脚本实现的。

<DIV id="flt" name="flt" style="right:1pxPOSITION:absolutetop:145pxz-index:99"><img src="images/hl.jpg" ></div>

<script>

var lastScrollY=0

function scro(){

diffY=document.body.scrollTop

percent=.1*(diffY-lastScrollY)

if(percent>0)percent=Math.ceil(percent)

else percent=Math.floor(percent)

document.getElementById('flt').style.pixelTop+=percent//更改坐标

lastScrollY=lastScrollY+percent

}

window.setInterval("scro()",30)

</script>