<div id='div1'&gt;

<img src='girl.jpg' />

</div>

html广告栏javascript写滑动的告白栏 RESTful API

二、CSS

body{ height:3000px; }

#div1{ position:absolute;right:0px; }

#div1 img{ display:block; width:100px; height:100px;}

三、script

注：

第25行，window.onload函数，设置页面加载后div在中间

第31行，获取滚动条的高度

第33行，打算t即div的高度，滚动条的高度+（页面的高度-自身高度）/2

第34行，避免t为小数，直接将取整

第39行，运动函数，要先打消定时器，避免定时器叠加，出错

四、终极效果

有写的不对的地方，请大家指出，共同学习，共同进步；

喜好请收藏，想看更多的，请关注。