效果如下:
代码如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } #wrap{ width:800px; height:550px; background:#E9E8E8; margin:0 auto; position:relative; } #content{ width:750px; height:400px; background:#fff; margin:0 auto; border-radius: 15px; position:relative; overflow:hidden; } input:nth-of-type(1){ width:250px; height:30px; margin:20px 0 0 200px; } input:nth-of-type(2){ width:60px; height:33px; } .p{ height:30px; line-height:30px; position:absolute; top:0; left:770px; font-weight:900; font-size: 30px; } </style> </head> <body> <div id="wrap"> <div id="content"> </div> <input type="text" id="txt" placeholder="一起来吐槽吧~"/> <input type="button" value="发送" id="btn" /> </div> <script src="/UploadFiles/2021-04-02/jquery.js">以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“jQuery实现弹幕效果”评论...