html网页弹幕特效,jquery仿哔哩哔哩弹幕文字动画特效

特效描述：弹幕文字动画动画特效，jquery仿B站弹幕，可自由设置字体颜色

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

发送

(function(){

var t=false;

$("#color_choice").bigColorpicker(function(el,color){

$(el).css("background-color",color);

t=true;

});

$("#send_out").click(function(){

var cl;

if(t){

cl=$("#color_choice").css("background-color");

}else{

cl="#FFFFFF";

}

var text=$("#input_value").val();

if(text != ''){

var number=parseInt(Math.ceil(Math.random()*50)+10)

var div1=document.getElementById("input_text");

div1.innerHTML=""+text+"";

$("#input_value").val("");

$("#send_out").attr("disabled", true);

var time1=setTimeout("$('#send_out').text('6s')",0);

var time2=setTimeout("$('#send_out').text('5s')",1000);

var time3=setTimeout("$('#send_out').text('4s')",2000);

var time4=setTimeout("$('#send_out').text('3s')",3000);

var time5=setTimeout("$('#send_out').text('2s')",4000);

var time5=setTimeout("$('#send_out').text('1s')",5000);

var time6=setTimeout("$('#send_out').attr('disabled', false);$('#send_out').text('发送')",6000);

alert(di1.innerHTML);

}else{}

});

})();

html网页弹幕特效,jquery仿哔哩哔哩弹幕文字动画特效相关推荐

html 字体特效在线,盘点那些惊艳的HTML5文字动画特效，不敢相信这些都是CSS+JS实现的！...
本文小设哥将给大家介绍十个「"惊人"」的文字动画效果,希望小设哥精心录制的十个 Gif 动画能让大家感到「"惊艳"」,当然更希望这些特效能给大家实现文字动 ...
手机京东菜单html,jQuery仿京东商城手机端商品分类滑动切换特效
jQuery仿京东商城手机端商品分类滑动切换特效一款仿京商城东手机移动端商品图片分类导航滑动效果,jQuery商品二级分类菜单切换特效. js代码 //设置cookie function setCo ...
乌鸦飞过flash素材下载_会声会影仿AE文字动画特效教程-会声会影中文官网
现在人多少有点娱乐至死的精神,没事就爱点找乐子,许是窥出了百姓这点心思,各大卫视都争相推出各自的综艺王牌节目,但是僧多粥少,要想争得收视王,自然要贴合观众逗逼搞笑的心性,本集小编同大家分享一个快速获取 ...
html简单的文字自动出现效果,8个华丽的HTML5文字动画特效赏析
文字是网页的灵魂,很早以前有人发明了很多漂亮的计算机字体,这让网页变得样式各异.HTML5和CSS3的出现,我们可以让文字变得更加富有个性,在一些需要的场合,我们甚至可以利用HTML5制作文字动画.本 ...
ae制h5文字动画_对于8个华丽的HTML5文字动画特效图文赏析
文字是网页的灵魂,很早以前有人发明了很多漂亮的计算机字体,这让网页变得样式各异.HTML5和CSS3的出现,我们可以让文字变得更加富有个性,在一些需要的场合,我们甚至可以利用HTML5制作文字动画.本 ...
ae制h5文字动画_7款超华丽的HTML5 Canvas文字动画特效
本文作者html5tricks,转载请注明出处文字是网页中最为常见的元素之一,当然我们使用最多的就是调整文字的颜色.大小等基本属性.有时候我们在一些活动页面上需要展示特别样式的文字效果,这时候我们就 ...
怎么在html中加入特效文字,如何使用HTML5+css3实现粒子效果文字动画特效（附完整代码）...
我们在浏览web网页的时候会发现现在的网页做的越来越美观,很多动画特效做的越来越炫酷,这离不开HTML5和css3的深入开发.今天我们要来分享一款基于HTML5和css3的文字特效--粒子效果文字动画 ...
10大炫酷的HTML5文字动画特效欣赏
文字是网页中最基本的元素,在CSS2.0时代,我们只能在网页上展示静态的文字,只能改变他的大小和颜色,显得枯燥无味.随着HTML5的发展,现在网页中的文字样式变得越来越丰富了,甚至出现了文字动画,HT ...
html5字体动画效果,7款超华丽的HTML5 Canvas文字动画特效
原标题:7款超华丽的HTML5 Canvas文字动画特效文字是网页中最为常见的元素之一,当然我们使用最多的就是调整文字的颜色.大小等基本属性.有时候我们在一些活动页面上需要展示特别样式的文字效果,这 ...
html怎么把字做成动画效果,8个华丽的HTML5文字动画特效赏析
文字是网页的灵魂,很早以前有人发明了很多漂亮的计算机字体,这让网页变得样式各异.HTML5和CSS3的出现,我们可以让文字变得更加富有个性,在一些需要的场合,我们甚至可以利用HTML5制作文字动画.本 ...

html网页弹幕特效,jquery仿哔哩哔哩弹幕文字动画特效

html网页弹幕特效,jquery仿哔哩哔哩弹幕文字动画特效相关推荐

最新文章

热门文章