简单实现jQuery弹幕效果
在要写一个弹幕案例的时候,首先要清楚每一步要干什么。
首先搭好框架之后在要发送弹幕时应该准备进行如下步骤:
目前创新互联已为成百上千的企业提供了网站建设、域名、网站空间、绵阳服务器托管、企业网站设计、武穴网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
- 获取到要发送到弹幕上的内容,即获取到文本框输入的内容。通过jquery的var str = $(“#文本框的id”).val();
- 生成一个元素:利用jQuery的 var createSpan =$(““)生成一个span元素,以便发送。
- 给刚创建的span赋值,即获取到的文本框中的值 createSpan.text(str );
- 设置元素的动画效果,是元素动起来。利用jQuery的animate(css样式值,时间, 执行完动画调用的方法)。执行完动画得手动移除刚刚所添加的元素。
里面还有许多细节,仔细看就会有收获!
弹幕案例 说点什么:
效果图如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。
网站名称:简单实现jQuery弹幕效果
网页地址:http://azwzsj.com/article/ihsjco.html