弹幕(点我呀！！)

让我来一个弹幕

嘿嘿

赞你

哈哈

51前端

$(function(){

init_screen();

//alert("您好");

$("#btn,.d_del").click(function(){

$(".dm,.d_del").toggle(1000);

});

$(".s_sub").click(function(){

var text=$(".s_txt").val();

var div="

"+text+"

$(".d_show").append(div);

init_screen();

})

});

//初始化弹幕

function init_screen(){

var _top=0;

$(".d_show").find("div").show().each(function(){

var _left=$(window).width()-$(this).width();

var _height=$(window).height();

_top=_top+76;

if(_top>=_height-100){

_top=0;

}

$(this).css({left:_left,top:_top,color:getReandomColor()});

var time=10000;

if($(this).index()%2==0){

time=15000;

}

$(this).animate({left:"-"+_left+"px"},time,function(){

});

}

//随机获取颜色值

function getReandomColor(){

return '#'+(function(h){

return new Array(7-h.length).join("0")+h

})((Math.random()*0x1000000<<0).toString(16))

}

html炫酷弹幕特效,jQuery文字弹幕特效相关推荐

炫酷的canvas粒子文字js特效
下载地址一款HTML5 canvas特效,炫酷的canvas粒子文字特效,该素材呈现了由多彩的粒子形成文字的动画效果,可用作网页进入动画等,精简易用. dd:
用html浮雕效果图,纯CSS3炫酷3D浮雕质感文字动画特效
这是一款效果非常酷的纯CSS3 3D浮雕质感文字动画特效.该特效中文字被制作为浮雕文字,就像是从一块石板上将文字雕刻下来的一样.而且文字还会来回的摆动旋转,效果非常好. 制作方法 HTML结构该CS ...
推荐几款炫酷的基于jquery的页面特效
1.基于jquery实现的带按钮的图片左右滚动切换 jquery带按钮的图片滚动切换代码是一款jquery制作带按钮的图片左右滚动切换特效代码 2.基于jQuery的图片上下左右无缝连续循环滚动 im ...
jQuery和CSS3炫酷滚动页面内容元素动画特效
jquery-smoove是一款jQuery和CSS3炫酷滚动页面内容元素动画特效插件.该内容元素动画插件在页面滚动到指定位置时,该位置的HTML元素会执行指定的CSS3动画特效,如旋转.翻转.放大缩 ...
好看的html登录遮罩提示加载中,jQuery炫酷页面预加载Loading特效插件
fakeLoader.js是一款轻量级的 jQuery 炫酷页面预加载Loading特效插件.它能帮助我们创建一个全屏遮罩效果的旋转loading效果来模拟页面预加载过程. Bower安装 bower ...
css3特效框,科技常识：6种非常炫酷的CSS3按钮边框动画特效
今天小编跟大家讲解下有关6种非常炫酷的CSS3按钮边框动画特效 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关6种非常炫酷的CSS3按钮边框动画特效的相关资料,希望小伙伴们看了有所帮助. ...
html的悬停图片圆形,css3炫酷圆形图片鼠标滑过特效
这是一款纯css3炫酷圆形图片鼠标滑过特效插件.在插件中,所有的缩略图都被用css3 border-radius制作成圆形,然后再在其上做各种鼠标滑过特效. HTML 所有demo的html结构都如下 ...
html5中如何让一个动画框左右上下浮动,HTML5 SVG如何实现炫酷checkbox复选框动画特效...
简要教程这是一款HTML5 SVG炫酷checkbox复选框动画特效.该checkbox动画特效使用svg来构建复选框效果,然后通过CSS3动画来控制复选框的选中和取消选中状态,效果非常炫酷. 使用 ...
html 边框立体效果,用纯CSS3制作的效果非常炫酷的元素边框线条动画特效
插件描述:这是一款使用纯CSS3制作的效果非常炫酷的元素边框线条动画特效.这个元素边框线条动画使用伪元素和keyframes来制作线条运动效果. 这是一款使用纯CSS3制作的效果非常炫酷的元素边框线条 ...

html炫酷弹幕特效,jQuery文字弹幕特效

弹幕(点我呀！！)

html炫酷弹幕特效,jQuery文字弹幕特效相关推荐

最新文章

热门文章