当前位置:网站首页>JS做一个接近无限时长的滚动条
JS做一个接近无限时长的滚动条
2022-08-03 00:08:00 【producing】
最近公司需要做一个页面,需求是现代化,所以现代化最接近的应该就是动态界面了,因此在内容横栏上面花了心思,一开始按网上的是只能滚动一少点时间,直接加body也影响代码美观,所以结合了一些方法来实现了这一整个滚动栏目并实现较少内容也可以长时间的滚动。
1、首先滚动方法
function scrolltoleft() {
sm.scrollLeft++;
if (sm.scrollLeft <= Pic1.scrollWidth)
sm.scrollLeft++;
}
2、其次,滚动方法的滚动速率
var MyMar = setInterval(scrolltoleft, 15);
3、如果想要鼠标浮动图片放大放小效果,加个强制更改本体大小响应方法
function mouseover(x) {
x.style.width = "180";
x.style.height = "225";
x.style.cursor = "pointer"
}
function mouseout(x) {
x.style.width = "120";
x.style.hei
边栏推荐
- Auto.js special positioning control method cannot perform blocking operations on the ui thread, please use setTimeout instead
- 用了TCP协议,就一定不会丢包吗?
- Vite教程 安装
- [NCTF2019]SQLi-1||SQL注入
- 线性DP
- flutter空安全问题,平时用到的数据一定要注意
- php提示Array to string conversion
- 通力传动递交注册:年营收4.7亿 实控人项献忠家族色彩浓厚
- 【TypeScript笔记】01 - TS初体验 && TS常用类型
- 聊聊 Nacos
猜你喜欢
牛客网剑指offer刷题练习之链表中环的入口结点
嵌入式分享合集26
Moco of Mock tools use tutorial
npm运行项目dependencies were not found: core-js/modules/es6.array.fill
2022 开放原子全球开源峰会 | 麒麟信安携手openEuler助力开源产业繁荣发展
麒麟信安邀您抢先看 | openEuler 志高远,开源汇智创未来-开放原子全球开源峰会欧拉分论坛最详细议程出炉
fifa将采用半自动越位技术计算进球
开源聚力,共创未来 | 麒麟信安祝贺openKylin首个体验版正式发布!
【多线程】线程与进程、以及线程进程的调度
九零后程序员心声:互联网的同行们,别卷了,再卷人都卷没了
随机推荐
Nacos配置中心之事件订阅
十年架构五年生活-03作为技术组长的困扰
浅谈I2C知识
matlab常微分方程在传染病建模中的应用
GoLang 使用 goroutine 停止的几种办法
淘宝商品销量接口/淘宝商品销量监控接口/商品累计销量接口代码对接分享
【QT】自定义工程封装成DLL并如何调用(带ui界面的)
流程控制for和while循环语句
Visual Studio中vim模拟器
和睦家私有化后换帅:新风天域吴启楠任CEO 李碧菁靠边站
有奖提问|《新程序员》专访“Apache之父”Brian Behlendorf
十二、form表单的提交
Jmeter二次开发实现rsa加密
FreeRTOS任务管理
剑指 Offer 21. 调整数组顺序使奇数位于偶数前面
图文详细解决IDEA使用Debug模式启动项目一直转圈圈跑起不来(亲测可以)
RollBack Rx Professional RMC 安装教程
【TypeScript笔记】01 - TS初体验 && TS常用类型
【图像分类】2022-MPViT CVPR
5、Citrix云桌面初始化Storefront设置