您正在使用 IPV4 [18.209.209.246] 访问本站,您本次已经查看了 1 页
用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
[公益]保护绿色环境,构建和谐社会       悟空收录网      

【腾讯云】 爆款2核2G3M云服务器首年 61元,叠加红包再享折上折      
[公益] 地球是我家,绿化靠大家      
2024年 清明节 006
2024年 劳动节 033
2025年 元 旦 278
2025年 春 节 306
 
您现在的位置:首页 >> 脚本代码 >> 内容
本类新增
本类热门
vue+j简单的实现轮播效果,滚动公告,衔接
内容摘要: //html{{item}}//css.box{height:40px;line-height:40px;overflow:hidden;position:relative;}.list{position:absolute;left:0;}//jsdata(){return{list:[1111,2222,3333],listTop:0,}},mounted......
//html

{{item}}//css

.box{

height:40px;

line-height:40px;

overflow:hidden;

position:relative;

}

.list{

position:absolute;

left:0;

}

//js

data(){

return{

list:[1111,2222,3333],

listTop:0,

}

},

mounted(){

this.setScroll();

},

methods:{

setScroll(){

vart=setInterval(()=>{

this.listTop-=1;

if(this.listTop===-40){

this.list.push(this.list.splice(0,1)[0]);//删除数组第一个元素,插入到数组后面

this.listTop=0;//重置top

clearInterval(t);//取消定时器

//设置一个2秒后执行的定时器,重新开启滚动

setTimeout(()=>{

this.setScroll();

},2000)

}

},20)

}

}

版权声明:本内容来源于互联网,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
上一篇:css3手动实现pc端横向滚动

 

下一篇:html中两种获取标签内的值的方法

发布日期:2022/6/9
手机扫二维码直达本页
发布时间:13:56:22
点  击:4
录  入:齐天大圣
相关文章
Baidu
YiJiaCMS 7.3.8 build231228(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,Cloudflare提供加速防护
运行时间载入中.....