js 实现简单的弹幕
来源:互联网 发布:淘宝行业层级 编辑:程序博客网 时间:2024/05/21 11:12
实现弹幕的简单js
function danmu(text){var $p=$('<p>'+text+'</p>');//弹幕的初始化
var x=0;//控制弹幕的位置
var h=Math.random()*(parseInt('#danmu').css('height')-24);//控制弹幕高位于容器的高度
var num= Math.random()*1.5;
//控制颜色随机
var r=parseInt(Math.random()*(255+1));
var g=parseInt(Math.random()*(255+1));
var b=parseInt(Math.random()*(255+1));
var timer=setInterval(function(){
//此条件判断语句用控制每次打开弹幕都是从右面开始出现
if ($('#danmu').css("display")!="none") {
x+=num>0.5?num:num+0.5;
}else{
x=0;
}
$p.css({
"font-weight":"blod",
"font-size":"24px",
"position":"absolute",
"top":h,
"color":rgb("+r+","+g+","+b+"),
"left":1200-x,
"white-space":"nowrap"
});
//当弹幕超出容器执行删除
$('#danmu').append($p);
if (parseInt($p.css("left"))-parseInt($p.width())) {
$p.remove();
clearInterval(timer);
timer=null;
}
},1);
}chrome
0 0
- js 实现简单的弹幕
- 弹幕的简单实现
- 简单的弹幕方法实现
- Android下的弹幕的简单实现
- JQ实现简单的弹幕效果
- iOS_一个简单的弹幕实现
- Android安卓最简单的弹幕实现
- Android 弹幕的实现其实很简单
- 简单的视频弹幕功能实现
- JS--实现弹幕效果
- JS弹幕实现
- 弹幕简单实现
- 简单实现弹幕效果
- 简单的弹幕效果
- 简单的弹幕
- 简单的弹幕墙
- 纯js 实现弹幕效果
- 简单的屏幕弹幕功能的实现(原创)
- easyui filebox限制文件上传的类型
- 关于Netflix Prize的总结
- 惠州学院-数据库实验6-触发器和存储过程
- (20)内容浏览器之过滤器
- DSP实验五(单路,多路模数转换)
- js 实现简单的弹幕
- NUC1178 Kickdown
- c++ socket 模拟 http
- Drawlayout 抽屉 禁用滑动
- C语言介绍
- 网络图片浏览器
- 向内置存储卡内写入和读出文件
- 使用IText实现office Word文档导出
- 结构体类型在定义变量时,其前可以省略