微客导航 » 文章资讯 » jQuery实现弹幕特效

jQuery实现弹幕特效

2023-08-05 06:37:04 283

案例简介

jQuery实现弹幕效果，代码如下。

案例目录

HTML部分







jQuery弹幕案例

发送

CSS部分

*{
margin:0;
padding:0;
}

.box{
width:1600px;
height:757px;
}

.top{
width:100%;
height:660px;
position:relative;
}

.bot{
width:100%;
height:97px;
background-color:#666666;
position:relative;
}

#txt{
width:300px;
height:30px;
border-radius:5px;
position:absolute;
left:50%;
margin-left:-150px;
top:50%;
margin-top:-15px;
border:none;
}

#btn{
width:60px;
height:30px;
color:white;
background-color:red;
position:absolute;
left:955px;
top:34px;
border:none;
}

span{
position:absolute;
color:#000;
font-size:50px;
line-height:1.5em;
cursor:pointer;
white-space:nowrap;
}

效果展示

以上就是jQuery实现弹幕效果的代码，希望对您有帮助！

源码下载：jQuery弹幕

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

jQuery实现弹幕特效

热门推荐

随机推荐