当前位置:网站首页>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
边栏推荐
猜你喜欢
随机推荐
Oracle 暴跌,倒下了!
从一文中了解SSRF的各种绕过姿势及攻击思路
定了!8月起,网易将为本号粉丝提供数据分析培训,费用全免!
智能合约安全-可重入攻击(SW107-Reentrancy)
简单聊聊MySQL中的六种日志
开源聚力,共创未来 | 麒麟信安祝贺openKylin首个体验版正式发布!
优秀论文以及思路分析01
1686. 石子游戏 VI
有奖提问|《新程序员》专访“Apache之父”Brian Behlendorf
高数---二重积分
线性DP
Heartwarming AI Review (1)
GoLang 使用 goroutine 停止的几种办法
DownMusic summary record
2022 China Eye Expo, Shandong Eye Health Exhibition, Vision Correction Instrument Exhibition, Eye Care Products Exhibition
GTK实现水波纹效果
科捷智能冲刺科创板:年营收12.8亿 顺丰与日日顺是股东
优秀论文以及思路分析02
RollBack Rx Professional RMC 安装教程
Jenkins汉化设置