博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
div轮流滚动显示
阅读量:5925 次
发布时间:2019-06-19

本文共 1041 字,大约阅读时间需要 3 分钟。

window.onload = function(){    var _box1 = document.getElementById("box1");    var _box2 = document.getElementById("box2");    var y = 0;    var fun = function(){           _box1.style.top = y + 'px';           _box2.style.top = (y + 420) + 'px';           y--;           if((y + 420) == 0){            y = 0;           }      }      setInterval(fun,20);}

html部分

                      

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

                          

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

                                               

 

css部分

#scroll_box {
margin: 16px; position: relative; width: 468px; height: auto;}#scroll_box #box1, #scroll_box #box2 {
position: absolute; height: 420px;}#scroll_box #box1 {
top: 0;}#scroll_box #box2 {
top: 420px;}

 

转载于:https://www.cnblogs.com/duanzhenzhen/p/10695182.html

你可能感兴趣的文章
Agora iOS SDK-快速入门
查看>>
引入间接隔离变化(三)
查看>>
统一沟通-技巧-4-让国内域名提供商“提供”SRV记录
查看>>
cocos2d-x 3.0事件机制及用户输入
查看>>
比亚迪速锐F3专用夏季座套 夏天坐垫 四季坐套
查看>>
程序员全国不同地区,微信(面试 招聘)群。
查看>>
【干货】界面控件DevExtreme视频教程大汇总!
查看>>
闭包 !if(){}.call()
查看>>
python MySQLdb安装和使用
查看>>
Java小细节
查看>>
poj - 1860 Currency Exchange
查看>>
chgrp命令
查看>>
Java集合框架GS Collections具体解释
查看>>
洛谷 P2486 BZOJ 2243 [SDOI2011]染色
查看>>
linux 笔记本的温度提示
查看>>
(转)DOTA新版地图6.78发布:大幅改动 增两位新英雄
查看>>
数值积分中的辛普森方法及其误差估计
查看>>
Web service (一) 原理和项目开发实战
查看>>
跑带宽度多少合适_跑步机选购跑带要多宽,你的身体早就告诉你了
查看>>
广平县北方计算机第一届PS设计大赛
查看>>