JavaScript实现用图片滚动
2011-08-12 10:47
330 查看
<script language="javascript">
var mytop=1; //设置图片距离顶部的距离
function move(){
document.getElementById("tupian").style.pixelTop=mytop+document.body.scrollTop;
}
window.onscroll=move ; //这里只是给窗口的onscroll赋值,绑定一个方法 </script>
<div id="tupian" style="position:absolute; top:1%; left:90%;">
<img src="图片/1072255_202010041_2.jpg" width=130px height=150px></div>
1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>
</BODY>
留下,下次好用
var mytop=1; //设置图片距离顶部的距离
function move(){
document.getElementById("tupian").style.pixelTop=mytop+document.body.scrollTop;
}
window.onscroll=move ; //这里只是给窗口的onscroll赋值,绑定一个方法 </script>
<div id="tupian" style="position:absolute; top:1%; left:90%;">
<img src="图片/1072255_202010041_2.jpg" width=130px height=150px></div>
1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>1<p>
</BODY>
留下,下次好用
相关文章推荐
- JavaScript实现 页面滚动图片加载
- javascript 实现新闻咨询图片滚动效果
- javascript实现图片滚动
- Javascript 实现图片无缝滚动
- javascript实现滚动图片
- JavaScript实现图片的不间断连续滚动
- javascript实现页面图片不间断连续滚动
- JavaScript实现图片无缝滚动效果
- 原生javascript实现图片无缝滚动效果
- javascript实现滚动图片
- Javascript实现滚动图片新闻的实例代码
- 网页中实现文字或图片向上不间断滚动的javascript代码
- 解析javascript瀑布流原理实现图片滚动加载
- Javascript实现滚动图片新闻
- javascript实现的图片滚动效果,鼠标放上可停止
- Javascript实现滚动图片新闻的实例代码
- javascript实现滚动图片
- javascript实现文字图片上下滚动的具体实例
- Javascript实现图片不间断滚动的代码
- javascript实现图片无缝滚动