在js中java math.ceill*0xefffff+0x0fffff.tostring是什么意思
点击联系发帖人
时间：2016-05-14 10:30
网页设计教程与开发
提供各种常见网页效果
提供各种各样的设计教程
装扮QQ，让QQ变得更酷
设计参考，提高自升水平
学习服务器和操作系统
提供各种素材和工具
收藏学习资料
您现在的位置：&&>>&&>>&&>>&&>>&正文
原生Js实现简易烟花爆炸效果的方法教程
本文实例讲述了原生Js实现简易烟花爆炸效果的方法。分享给大家供大家参考。具体分析如下：
实现原理： 在一定范围内，随机生成一些div，形成烟花效果
代码如下:&!doctype html&
&meta charset="utf-8"&
&title&js烟花效果&/title&
&script type="text/javascript"&
document.onclick=function (ev)
&&& var oEvent=ev||
&&& var aDiv=[];
&&& var oDiv=
&&& var _oDiv=document.createElement('div');
&&& var i=0;
&&& var x=oEvent.clientX;
&&& var y=oEvent.clientY;
&&& _oDiv.style.position='absolute';
&&& _oDiv.style.background='red';
&&& _oDiv.style.width='3px';
&&& _oDiv.style.height='30px';
&&& _oDiv.style.left=oEvent.clientX+'px';
&&& _oDiv.style.top=document.documentElement.clientHeight+'px';
&&& document.body.appendChild(_oDiv);
&&& var t=setInterval(function (){
&&&&&&& if(_oDiv.offsetTop&=y)
&&&&&&&&&&& clearInterval(t);
&&&&&&&&&&& show();
&&&&&&&&&&& document.body.removeChild(_oDiv);
&&&&&&& _oDiv.style.top=_oDiv.offsetTop-30+'px';
&&& }, 30);
&&& function show()
&&&&&&& var oDiv=
&&&&&&& for(i=0;i&100;i++)
&&&&&&&&&&& oDiv=document.createElement('div');
&&&&&&&&&&& oDiv.style.width='3px';
&&&&&&&&&&& oDiv.style.height='3px';
&&&&&&&&&&& oDiv.style.background='#'+Math.ceil(Math.random()*0xEFFFFF+0x0FFFFF).toString(16);
&&&&&&&&&&& oDiv.style.position='absolute';
&&&&&&&&&&& oDiv.style.left=x+'px';
&&&&&&&&&&& oDiv.style.top=y+'px';
&&&&&&&&&&& var a=Math.random()*360;
&&&&&&&&&&& //oDiv.speedX=Math.random()*40-20;
&&&&&&&&&&& //oDiv.speedY=Math.random()*40-20;
&&&&&&&&&&& oDiv.speedX=Math.sin(a*180/Math.PI)*20*Math.random();
&&&&&&&&&&& oDiv.speedY=Math.cos(a*180/Math.PI)*20*Math.random();
&&&&&&&&&&& document.body.appendChild(oDiv);
&&&&&&&&&&& aDiv.push(oDiv);
&&& setInterval(doMove, 30);
&&& function doMove()
&&&&&&& for(i=0;i&aDiv.i++)
&&&&&&&&&&& aDiv[i].style.left=aDiv[i].offsetLeft+aDiv[i].speedX+'px';
&&&&&&&&&&& aDiv[i].style.top=aDiv[i].offsetTop+aDiv[i].speedY+'px';
&&&&&&&&&&& aDiv[i].speedY+=1;
&&&&&&&&&&& if(aDiv[i].offsetLeft&0 || aDiv[i].offsetLeft&document.documentElement.clientWidth || aDiv[i].offsetTop&0 || aDiv[i].offsetTop&document.documentElement.clientHeight)
&&&&&&&&&&& {
&&&&&&&&&&&&&&& document.body.removeChild(aDiv[i]);
&&&&&&&&&&&&&&& aDiv.splice(i, 1);
&&&&&&&&&&& }
&body style="overflow: background:"&
希望本文所述对大家的javascript程序设计有所帮助。
转载请注明:破洛洛(谢谢合作)
上一篇文章： 下一篇文章：
网友评论：
[][][][][][][][][][]一个js的问题，。麻烦各位棒棒忙。谢谢_百度知道
一个js的问题，。麻烦各位棒棒忙。谢谢
0'javascript".offsetTop-20+'html&style'UTF-8&css&style&
oDiv.createElement(&px' 20.toString(16).style.clientHeight+'
body{4px'div1&
oDiv.createElement('.
div{position.div id=".width='/.height='&body>.width=': absolute.background=',30);/+;
for (var i = 0;
oDstyle type=&&
var t=oE&#'
aD/2px'.top=oD;script&显示oDiv.offsetTop-20+'
} } &/.left=oEvent。代码错误提示是Cannot read property 'div".clientX;px';
timer=setInterval(function(){
oDiv:div' &.length&;& &;&>.offsetTop&30px'.
};/.random()*);>.top=oDiv.clientX+'/ <.background='script type=&/).appendChild(oDiv).clientY. <.
oD+getRnd();
oDiv!DOCTYPE html>.style.left=l+'px'.height='px'.title&text/body>./.这条代码有错误;
function getRnd(){
var str=M);title>. &6){
srt='.push(oDiv); i <.
document.removeChild(oDiv);<.ceil(M;&
oDiv.documentEpx'&red'&
} &/;;html lang=&2px'
var timer=
oDiv: hidden&div>.meta charset=&
var aDiv=[]. i++) {
var oDiv=px'alert(str)./
while(text/head>.onclick=function(ev){
var oEvent=ev||event.appendChild(oDiv).top=t+'.top==t){
clearInterval(timer);&en&<
为什么会报错？
0'javascript".offsetTop-20+'html&style'UTF-8&css&style&
oDiv.createElement(&px' 20.toString(16).style.clientHeight+'
body{4px'div1&
oDiv.createElement('.
div{position.div id=".width='/.height='&body>.width=': absolute.background=',30);/+;
for (var i = 0;
oDstyle type=&&
var t=oE&#'
aD/2px'.top=oD;script&显示oDiv.offsetTop-20+'
} } &/.left=oEvent。代码错误提示是Cannot read property 'div".clientX;px';
timer=setInterval(function(){
oDiv:div' &.length&;& &;&>.offsetTop&30px'.
};/.random()*);>.top=oDiv.clientX+'/ <.background='script type=&/).appendChild(oDiv).clientY. <.
oD+getRnd();
oDiv!DOCTYPE html>.style.left=l+'px'.height='px'.title&text/body>./.这条代码有错误;
function getRnd(){
var str=M);title>. &6){
srt='.push(oDiv); i <.
document.removeChild(oDiv);<.ceil(M;&
oDiv.documentEpx'&red'&
} &/;;html lang=&2px'
var timer=
oDiv: hidden&div>.meta charset=&
var aDiv=[]. i++) {
var oDiv=px'alert(str)./
while(text/head>.onclick=function(ev){
var oEvent=ev||event.appendChild(oDiv).top=t+'.top==t){
clearInterval(timer);&en&<
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁小伙伴出错了原生Js实现简易烟花爆炸效果的方法
本文实例讲述了原生Js实现简易烟花爆炸效果的方法。分享给大家供大家参考。具体分析如下：
实现原理： 在一定范围内，随机生成一些div，形成烟花效果
&!doctype html&
&meta charset=”utf-8″&
&title&js烟花效果&/title&
&script type=”text/javascript”&
document.onclick=function (ev)
&&& var oEvent=ev||
&&& var aDiv=[];
&&& var oDiv=
&&& var _oDiv=document.createElement(‘div’);
&&& var i=0;
&&& var x=oEvent.clientX;
&&& var y=oEvent.clientY;
&&& _oDiv.style.position=’absolute’;
&&& _oDiv.style.background=’red’;
&&& _oDiv.style.width=’3px’;
&&& _oDiv.style.height=’30px’;
&&& _oDiv.style.left=oEvent.clientX+’px’;
&&& _oDiv.style.top=document.documentElement.clientHeight+’px’;
&&& document.body.appendChild(_oDiv);
&&& var t=setInterval(function (){
&&&&&&& if(_oDiv.offsetTop&=y)
&&&&&&&&&&& clearInterval(t);
&&&&&&&&&&& show();
&&&&&&&&&&& document.body.removeChild(_oDiv);
&&&&&&& _oDiv.style.top=_oDiv.offsetTop-30+’px’;
&&& }, 30);
&&& function show()
&&&&&&& var oDiv=
&&&&&&& for(i=0;i&100;i++)
&&&&&&&&&&& oDiv=document.createElement(‘div’);
&&&&&&&&&&& oDiv.style.width=’3px’;
&&&&&&&&&&& oDiv.style.height=’3px’;
&&&&&&&&&&& oDiv.style.background=’#’+Math.ceil(Math.random()*0xEFFFFF+0x0FFFFF).toString(16);
&&&&&&&&&&& oDiv.style.position=’absolute’;
&&&&&&&&&&& oDiv.style.left=x+’px’;
&&&&&&&&&&& oDiv.style.top=y+’px’;
&&&&&&&&&&& var a=Math.random()*360;
&&&&&&&&&&& //oDiv.speedX=Math.random()*40-20;
&&&&&&&&&&& //oDiv.speedY=Math.random()*40-20;
&&&&&&&&&&& oDiv.speedX=Math.sin(a*180/Math.PI)*20*Math.random();
&&&&&&&&&&& oDiv.speedY=Math.cos(a*180/Math.PI)*20*Math.random();
&&&&&&&&&&& document.body.appendChild(oDiv);
&&&&&&&&&&& aDiv.push(oDiv);
&&& setInterval(doMove, 30);
&&& function doMove()
&&&&&&& for(i=0;i&aDiv.i++)
&&&&&&&&&&& aDiv[i].style.left=aDiv[i].offsetLeft+aDiv[i].speedX+’px’;
&&&&&&&&&&& aDiv[i].style.top=aDiv[i].offsetTop+aDiv[i].speedY+’px’;
&&&&&&&&&&& aDiv[i].speedY+=1;
&&&&&&&&&&& if(aDiv[i].offsetLeft&0 || aDiv[i].offsetLeft&document.documentElement.clientWidth || aDiv[i].offsetTop&0 || aDiv[i].offsetTop&document.documentElement.clientHeight)
&&&&&&&&&&& {
&&&&&&&&&&&&&&& document.body.removeChild(aDiv[i]);
&&&&&&&&&&&&&&& aDiv.splice(i, 1);
&&&&&&&&&&& }
&body style=”overflow: background:”&
希望本文所述对大家的javascript程序设计有所帮助。
相关文章：
暂时还没有评论.}
提供各种常见网页效果
提供各种各样的设计教程
装扮QQ，让QQ变得更酷
设计参考，提高自升水平
学习服务器和操作系统
提供各种素材和工具
收藏学习资料
您现在的位置：&&>>&&>>&&>>&&>>&正文
原生Js实现简易烟花爆炸效果的方法教程
本文实例讲述了原生Js实现简易烟花爆炸效果的方法。分享给大家供大家参考。具体分析如下：
实现原理： 在一定范围内，随机生成一些div，形成烟花效果
代码如下:&!doctype html&
&meta charset="utf-8"&
&title&js烟花效果&/title&
&script type="text/javascript"&
document.onclick=function (ev)
&&& var oEvent=ev||
&&& var aDiv=[];
&&& var oDiv=
&&& var _oDiv=document.createElement('div');
&&& var i=0;
&&& var x=oEvent.clientX;
&&& var y=oEvent.clientY;
&&& _oDiv.style.position='absolute';
&&& _oDiv.style.background='red';
&&& _oDiv.style.width='3px';
&&& _oDiv.style.height='30px';
&&& _oDiv.style.left=oEvent.clientX+'px';
&&& _oDiv.style.top=document.documentElement.clientHeight+'px';
&&& document.body.appendChild(_oDiv);
&&& var t=setInterval(function (){
&&&&&&& if(_oDiv.offsetTop&=y)
&&&&&&&&&&& clearInterval(t);
&&&&&&&&&&& show();
&&&&&&&&&&& document.body.removeChild(_oDiv);
&&&&&&& _oDiv.style.top=_oDiv.offsetTop-30+'px';
&&& }, 30);
&&& function show()
&&&&&&& var oDiv=
&&&&&&& for(i=0;i&100;i++)
&&&&&&&&&&& oDiv=document.createElement('div');
&&&&&&&&&&& oDiv.style.width='3px';
&&&&&&&&&&& oDiv.style.height='3px';
&&&&&&&&&&& oDiv.style.background='#'+Math.ceil(Math.random()*0xEFFFFF+0x0FFFFF).toString(16);
&&&&&&&&&&& oDiv.style.position='absolute';
&&&&&&&&&&& oDiv.style.left=x+'px';
&&&&&&&&&&& oDiv.style.top=y+'px';
&&&&&&&&&&& var a=Math.random()*360;
&&&&&&&&&&& //oDiv.speedX=Math.random()*40-20;
&&&&&&&&&&& //oDiv.speedY=Math.random()*40-20;
&&&&&&&&&&& oDiv.speedX=Math.sin(a*180/Math.PI)*20*Math.random();
&&&&&&&&&&& oDiv.speedY=Math.cos(a*180/Math.PI)*20*Math.random();
&&&&&&&&&&& document.body.appendChild(oDiv);
&&&&&&&&&&& aDiv.push(oDiv);
&&& setInterval(doMove, 30);
&&& function doMove()
&&&&&&& for(i=0;i&aDiv.i++)
&&&&&&&&&&& aDiv[i].style.left=aDiv[i].offsetLeft+aDiv[i].speedX+'px';
&&&&&&&&&&& aDiv[i].style.top=aDiv[i].offsetTop+aDiv[i].speedY+'px';
&&&&&&&&&&& aDiv[i].speedY+=1;
&&&&&&&&&&& if(aDiv[i].offsetLeft&0 || aDiv[i].offsetLeft&document.documentElement.clientWidth || aDiv[i].offsetTop&0 || aDiv[i].offsetTop&document.documentElement.clientHeight)
&&&&&&&&&&& {
&&&&&&&&&&&&&&& document.body.removeChild(aDiv[i]);
&&&&&&&&&&&&&&& aDiv.splice(i, 1);
&&&&&&&&&&& }
&body style="overflow: background:"&
希望本文所述对大家的javascript程序设计有所帮助。
转载请注明:破洛洛(谢谢合作)
上一篇文章： 下一篇文章：
网友评论：
[][][][][][][][][][]一个js的问题，。麻烦各位棒棒忙。谢谢_百度知道
一个js的问题，。麻烦各位棒棒忙。谢谢
0'javascript".offsetTop-20+'html&style'UTF-8&css&style&
oDiv.createElement(&px' 20.toString(16).style.clientHeight+'
body{4px'div1&
oDiv.createElement('.
div{position.div id=".width='/.height='&body>.width=': absolute.background=',30);/+;
for (var i = 0;
oDstyle type=&&
var t=oE&#'
aD/2px'.top=oD;script&显示oDiv.offsetTop-20+'
} } &/.left=oEvent。代码错误提示是Cannot read property 'div".clientX;px';
timer=setInterval(function(){
oDiv:div' &.length&;& &;&>.offsetTop&30px'.
};/.random()*);>.top=oDiv.clientX+'/ <.background='script type=&/).appendChild(oDiv).clientY. <.
oD+getRnd();
oDiv!DOCTYPE html>.style.left=l+'px'.height='px'.title&text/body>./.这条代码有错误;
function getRnd(){
var str=M);title>. &6){
srt='.push(oDiv); i <.
document.removeChild(oDiv);<.ceil(M;&
oDiv.documentEpx'&red'&
} &/;;html lang=&2px'
var timer=
oDiv: hidden&div>.meta charset=&
var aDiv=[]. i++) {
var oDiv=px'alert(str)./
while(text/head>.onclick=function(ev){
var oEvent=ev||event.appendChild(oDiv).top=t+'.top==t){
clearInterval(timer);&en&<
为什么会报错？
0'javascript".offsetTop-20+'html&style'UTF-8&css&style&
oDiv.createElement(&px' 20.toString(16).style.clientHeight+'
body{4px'div1&
oDiv.createElement('.
div{position.div id=".width='/.height='&body>.width=': absolute.background=',30);/+;
for (var i = 0;
oDstyle type=&&
var t=oE&#'
aD/2px'.top=oD;script&显示oDiv.offsetTop-20+'
} } &/.left=oEvent。代码错误提示是Cannot read property 'div".clientX;px';
timer=setInterval(function(){
oDiv:div' &.length&;& &;&>.offsetTop&30px'.
};/.random()*);>.top=oDiv.clientX+'/ <.background='script type=&/).appendChild(oDiv).clientY. <.
oD+getRnd();
oDiv!DOCTYPE html>.style.left=l+'px'.height='px'.title&text/body>./.这条代码有错误;
function getRnd(){
var str=M);title>. &6){
srt='.push(oDiv); i <.
document.removeChild(oDiv);<.ceil(M;&
oDiv.documentEpx'&red'&
} &/;;html lang=&2px'
var timer=
oDiv: hidden&div>.meta charset=&
var aDiv=[]. i++) {
var oDiv=px'alert(str)./
while(text/head>.onclick=function(ev){
var oEvent=ev||event.appendChild(oDiv).top=t+'.top==t){
clearInterval(timer);&en&<
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁小伙伴出错了原生Js实现简易烟花爆炸效果的方法
本文实例讲述了原生Js实现简易烟花爆炸效果的方法。分享给大家供大家参考。具体分析如下：
实现原理： 在一定范围内，随机生成一些div，形成烟花效果
&!doctype html&
&meta charset=”utf-8″&
&title&js烟花效果&/title&
&script type=”text/javascript”&
document.onclick=function (ev)
&&& var oEvent=ev||
&&& var aDiv=[];
&&& var oDiv=
&&& var _oDiv=document.createElement(‘div’);
&&& var i=0;
&&& var x=oEvent.clientX;
&&& var y=oEvent.clientY;
&&& _oDiv.style.position=’absolute’;
&&& _oDiv.style.background=’red’;
&&& _oDiv.style.width=’3px’;
&&& _oDiv.style.height=’30px’;
&&& _oDiv.style.left=oEvent.clientX+’px’;
&&& _oDiv.style.top=document.documentElement.clientHeight+’px’;
&&& document.body.appendChild(_oDiv);
&&& var t=setInterval(function (){
&&&&&&& if(_oDiv.offsetTop&=y)
&&&&&&&&&&& clearInterval(t);
&&&&&&&&&&& show();
&&&&&&&&&&& document.body.removeChild(_oDiv);
&&&&&&& _oDiv.style.top=_oDiv.offsetTop-30+’px’;
&&& }, 30);
&&& function show()
&&&&&&& var oDiv=
&&&&&&& for(i=0;i&100;i++)
&&&&&&&&&&& oDiv=document.createElement(‘div’);
&&&&&&&&&&& oDiv.style.width=’3px’;
&&&&&&&&&&& oDiv.style.height=’3px’;
&&&&&&&&&&& oDiv.style.background=’#’+Math.ceil(Math.random()*0xEFFFFF+0x0FFFFF).toString(16);
&&&&&&&&&&& oDiv.style.position=’absolute’;
&&&&&&&&&&& oDiv.style.left=x+’px’;
&&&&&&&&&&& oDiv.style.top=y+’px’;
&&&&&&&&&&& var a=Math.random()*360;
&&&&&&&&&&& //oDiv.speedX=Math.random()*40-20;
&&&&&&&&&&& //oDiv.speedY=Math.random()*40-20;
&&&&&&&&&&& oDiv.speedX=Math.sin(a*180/Math.PI)*20*Math.random();
&&&&&&&&&&& oDiv.speedY=Math.cos(a*180/Math.PI)*20*Math.random();
&&&&&&&&&&& document.body.appendChild(oDiv);
&&&&&&&&&&& aDiv.push(oDiv);
&&& setInterval(doMove, 30);
&&& function doMove()
&&&&&&& for(i=0;i&aDiv.i++)
&&&&&&&&&&& aDiv[i].style.left=aDiv[i].offsetLeft+aDiv[i].speedX+’px’;
&&&&&&&&&&& aDiv[i].style.top=aDiv[i].offsetTop+aDiv[i].speedY+’px’;
&&&&&&&&&&& aDiv[i].speedY+=1;
&&&&&&&&&&& if(aDiv[i].offsetLeft&0 || aDiv[i].offsetLeft&document.documentElement.clientWidth || aDiv[i].offsetTop&0 || aDiv[i].offsetTop&document.documentElement.clientHeight)
&&&&&&&&&&& {
&&&&&&&&&&&&&&& document.body.removeChild(aDiv[i]);
&&&&&&&&&&&&&&& aDiv.splice(i, 1);
&&&&&&&&&&& }
&body style=”overflow: background:”&
希望本文所述对大家的javascript程序设计有所帮助。
相关文章：
暂时还没有评论.}
我要回帖
更多推荐
- ·新lol手游自选英雄选了已有的少司缘技能已爆料，她会成为你非ban必选的lol手游自选英雄选了已有的吗？
- ·出家人还俗有什么后果到了柬埔寨或者老挝之后是不是自动还俗？
- ·怎么处理cad复制粘贴cad图纸复制到另一个图纸中不显示里面为什么显示不出来？
- ·阿飘怕不怕看到十字架害怕？
- ·你好。我是菜鸟。平常只是实用ppt用什么软件最好。需要PPT的一个功能，现在这个版本没有，我怎么单独安装PPT？
- ·求我的世界神秘整合【1.2.5】kuso神秘时代2整合包
- ·刀塔传奇download49 err 3d910c849
- ·lol2016赛季奖励公告什么时候开始
- ·爱玩mc我的世界盒子怎么淬练石
- ·修罗什么样的装备能刷公会副本永恒殿堂攻略无压力?
- ·全民女友现在在英雄联盟封测激活码吗，联不上耶
- ·qq炫舞明星挑战经验刷明星模式现在哪个歌曲的经验最多？？？急急急！！！
- ·求一部漫画名字剧情是男主本来是个f1赛车手手，后来被莫名带到一个小岛上
- ·欢乐麻将怎么玩从来怎么胡几次
- ·禹城有卖手机游戏手柄实体店的吗,哪个店
- ·部落冲突野猪流八本4级野猪可以推九本么
- ·我的公主 雪天使 小说怎么看不了
- ·乐高未来骑士团下载下载安装
- ·奥特曼格斗进化4重生决斗进化重生上踢操作方法
- ·在js中java math.ceill*0xefffff+0x0fffff.tostring是什么意思
- ·禁用了一些系统崩溃中服务项后，玩lol加载时一直崩溃，怎么办
- ·主宰西游装备是直接合成七阶八阶装备好吗
- ·张良摆山阵游戏镇游戏怎么玩。
- ·新仙剑奇侠传辅助2辅2力一灵用什么阵法好
- ·手游版问道手游力金怎么加点全力金带什么法宝宝好
- ·全民k歌下载@俊晞多少岁了？
- ·黑暗之魂鸟巢3鸟巢交给了东西怎么说不是的
- ·有在喜欢的人面前卑微玩棋片卑游戏的吗，在哪个平台玩的
- ·聚 宝廊 角 子 机娱 乐 场怎么飞鸟娱乐论坛 打不开开了？
- ·自由之战 以前人是自由流动吗叫什么？
- ·求一把二手复合弓50磅对箭的要求，我Q,,964,416,444..8成新，拉力70...射速310...
- ·安吉拉堕落的灰烬使者中你最喜欢文中的哪一个人物为什么
- ·直击a级高中高中化学学业水平考试试 化学好吗
- ·手游梦幻西游手游网页版不属于春秋三国的是什么
- ·怎么把食蔬鱼无限金币版手机游戏的震动关了
