大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
案例简介
创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站建设、网站制作、嵩明网络推广、小程序定制开发、嵩明网络营销、嵩明企业策划、嵩明品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供嵩明建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com
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弹幕
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。