纯css3烟花特效代码(html5烟花特效代码)
admin 发布:2022-12-19 17:30 134
本篇文章给大家谈谈纯css3烟花特效代码,以及html5烟花特效代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
这个是烟花代码!怎么改好看点?
请看以下两种:
1
单击后字线如放烟花
!--第一步:把如下代码加入head区域中--
SCRIPT LANGUAGE="JavaScript1.2"
!-- Begin
var ver = navigator.appVersion;
var dom = document.getElementById ? 1 : 0;
var ie5 = (ver.indexOf("MSIE 5") -1 dom) ? 1 : 0;
var n = (document.layers);
var ie = (document.all);
var sparksAflyin = 0;
var totalSparks = 0;
var sparksOn = 1;
function initMouseEvents() {
document.onmousedown = mouseDown;
if (n) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);
}
function mouseDown(e) {
if (sparksOn) {
var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft;
var mousey = (n) ? e.pageY : event.y+document.body.scrollTop;
if (!sparksAflyin) {
for (var k = 0; k = 9; k++)
eval(’SHOW("sDiv’+k+’")’);
sparksAflyin = 1;
totalSparks = 0;
for(i = 0;i = 9; i++)
eval(’moveTo(’+i+’,0,’+mousex+’,’+mousey+’)’);
}
}
}
function moveTo(i,j, mousex, mousey){
if (j eval(’anim_’+i+’_x.length’) ){
var tempx = eval(’anim_’+i+’_x[j]+mousex’);
var tempy = eval(’anim_’+i+’_y[j]+mousey’);
if (ie) {
if(tempy+30 (document.body.offsetHeight+document.body.scrollTop))
tempy = document.body.offsetHeight+document.body.scrollTop-30;
if(tempx+30 (document.body.offsetWidth+document.body.scrollLeft))
tempx = document.body.offsetWidth+document.body.scrollLeft-30;
eval(’document.all.sDiv’+i+’.style.left = tempx;’);
eval(’document.all.sDiv’+i+’.style.top = tempy;’);
}
if (n) {
eval(’document.layers.sDiv’+i+’.left = tempx;’);
eval(’document.layers.sDiv’+i+’.top = tempy;’);
}
j++;
// timeout: 50 = fireworks speed, larger number = slower speed
setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50)
}
else {
eval(’HIDE("sDiv’+i+’")’);
totalSparks++;
}
if (totalSparks == 10) {
sparksAflyin = 0;
totalSparks = 0;
}
}
function SHOW(divName){
if (document.all)
eval(’document.all.’+divName+’.style.visibility = "visible";’);
else if (document.layers)
eval(’document.layers["’+divName+’"].visibility = "visible";’);
}
function HIDE(divName){
if (document.all)
eval(’document.all.’+divName+’.style.visibility = "hidden";’);
else if (document.layers)
eval(’document.layers["’+divName+’"].visibility = "hide";’);
}
anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0);
anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80);
anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181);
anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18);
anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127);
anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189);
anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211);
anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201);
anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288);
anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248);
anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274);
anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257);
anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175);
anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68);
anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109);
anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188);
anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287);
anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273);
// End --
/script
!--第二步:把body改为--
body bgcolor="#fef4d9" OnLoad="initMouseEvents()"
!--第三步:在body区域中加入如下代码--
div id="sparks"
div id="sDiv0" style="position:absolute; visibility: hidden;"font face="arial black" color="red"a/font/div
div id="sDiv1" style="position:absolute; visibility: hidden;"font face="arial black" color="yellow"b/font/div
div id="sDiv2" style="position:absolute; visibility: hidden;"font face="arial black" color="blue"c/font/div
div id="sDiv3" style="position:absolute; visibility: hidden;"font face="arial black" color="red"d/font/div
div id="sDiv4" style="position:absolute; visibility: hidden;"font face="arial black" color="orange"e/font/div
div id="sDiv5" style="position:absolute; visibility: hidden;"font face="arial black" color="white"f/font/div
div id="sDiv6" style="position:absolute; visibility: hidden;"font face="arial black" color="green"g/font/div
div id="sDiv7" style="position:absolute; visibility: hidden;"font face="arial black" color="skyblue"h/font/div
div id="sDiv8" style="position:absolute; visibility: hidden;"font face="arial black" color="yellow"i/font/div
div id="sDiv9" style="position:absolute; visibility: hidden;"font face="arial black" color="white"j/font/div
/div
2
代码如下:
embed style="left: 50px; width: 850px; position: absolute; top: 100px; height: 500px" align=right src= width=200 height=500 type=application/octet-stream ;; quality="high" wmode="transparent"/embed embed style="left: 50px; width: 850px; position: absolute; top: 600px; height: 600px" align=right src= width=700 height=600 type=application/octet-stream wmode="transparent" quality="high" ;;/embed embed style="left: 50px; width: 850px; position: absolute; top: 1100px; height: 500px" align=right src= width=500 height=500 type=application/octet-stream ;; quality="high" wmode="transparent"/embed embed style="left: 50px; width: 850px; position: absolute; top: 1600px; height: 600px" align=right src= width=500 height=600 type=application/octet-stream wmode="transparent" quality="high" ;;/embed embed style="left: 50px; width: 850px; position: absolute; top: 2100px; height: 500px" align=right src= width=500 height=500 type=application/octet-stream ;; quality="high" wmode="transparent"/embed embed style="left: 50px; width: 850px; position: absolute; top: 2600px; height: 500px" align=right src= width=500 height=500 type=application/octet-stream ;; quality="high" wmode="transparent"/embed embed style="left: 50px; width: 850px; position: absolute; top: 3100px; height: 500px" align=right src= width=500 height=500 type=application/octet-stream ;; quality="high" wmode="transparent"/embed
c语言编程烟花代码简单
c语言编程烟花代码简单如下:
#include "stdlib.h"
#include "graphics.h"
#include "stdio.h"
#include "math.h"
#include "conio.h "
#define PI 3.1425926
main()
{
int gdriver=DETECT,gmode,errorcode;
int a[10],b[10],x,y,c,r,i,j,t;
double rad = 0.0;
/* initialize graphics and local variables */
initgraph(gdriver , gmode ,"");
/* read result of initialization */
errorcode = graphresult();
if (errorcode != grOk) /* an error occurred */
{
printf("Graphics error : %s/n",grapherrormsg(errorcode));
printf("Please any key to halt:");
getch();
exit(1); /* terminate with an error code */
}
randomize();
for(;!kbhit();)
{
x=rand()%500+100; /*随机中心坐标*/
y=rand()%300+100;
for(r = 0 ;r = 8 ; r++ ) /*烟花的大小设定*/
{
for(i = 0,rad = 0.0 ; rad 2*PI; rad += 0.78 ) /*设定坐标*/
{
a[i++] = x + (int)r *10* cos(rad);
b[ i ] = y + (int)r *10* sin(rad);
}
t = i;
for(i=1;it;i++)
{
c=rand()%13+1; /*各点的颜色随机*/
setcolor(c); /*功能:将当前图形屏幕的当前笔画颜色置为color.*/
circle(a[i],b[i],1);/* a[i],b[i] 为圆心 1 为半径 画圆 */
}
delay(10000);
delay(10000);
cleardevice();
函数名: cleardevice
功 能: 清除图形屏幕
用 法: void far cleardevice(void);
}
}
getch();
closegraph();
函数名: closegraph
功 能: 关闭图形系统
用 法: void far closegraph(void);
}
初始化烟花参数
void Init( int i )
{
// 分别为:烟花中心到图片边缘的最远距离、烟花中心到图片左上角的距离 (x、y) 两个分量
int r[13] = { 120, 120, 155, 123, 130, 147, 138, 138, 130, 135, 140, 132, 155 };
int x[13] = { 120, 120, 110, 117, 110, 93, 102, 102, 110, 105, 100, 108, 110 };
int y[13] = { 120, 120, 85, 118, 120, 103, 105, 110, 110, 120, 120, 104, 85 };
/**** 初始化烟花 *****/
Fire[i].x = 0; // 烟花中心坐标
Fire[i].y = 0;
Fire[i].width = 240; // 图片宽
Fire[i].height = 240; // 图片高
Fire[i].max_r = r[i]; // 最大半径
Fire[i].cen_x = x[i]; // 中心距左上角距离
Fire[i].cen_y = y[i];
Fire[i].show = false; // 是否绽放
Fire[i].dt = 5; // 绽放时间间隔
Fire[i].t1 = timeGetTime();
Fire[i].r = 0; // 从 0 开始绽放
/**** 初始化烟花弹 *****/
Jet[i].x = -240; // 烟花弹左上角坐标
Jet[i].y = -240;
Jet[i].hx = -240; // 烟花弹发射最高点坐标
Jet[i].hy = -240;
Jet[i].height = 0; // 发射高度
Jet[i].t1 = timeGetTime();
Jet[i].dt = rand() % 10; // 发射速度时间间隔
Jet[i].n = 0; // 烟花弹闪烁图片下标
Jet[i].shoot = false; // 是否发射
}
求大神详解Flash 烟花代码。
var FireTimer:Timer=new Timer(1000);//创建一个定时器,每1000毫秒(即1秒)触发一次
FireTimer.addEventListener(TimerEvent.TIMER,addFire);//给定时器注册侦听,当定时器触发时执行addFire函数
FireTimer.start();//计时器开始运作
var tempRo:Number;//创建一个临时的数字对象,记录烟花的角度
function addFire(e:TimerEvent):void
{
var X:Number=Math.random()*550;//创建一个随机的横坐标值,范围在 0~550间
var Y:Number=Math.random()*400;//创建一个随机的纵坐标值,范围在 0~550间
var color:uint=0xffffff* Math.random();//创建一个随机的颜色值,范围在0x000000~0xffffff之间(这是一个16进制的数值)
trace(color.toString());//在调试面板输出颜色的值,测试用
for(var i:int=0;i100;i++)
{
var mc :MovieClip=new MovieClip();//创建烟花的实体
mc.graphics.beginFill(color);//用刚才的随机颜色填充烟花的内容
mc.graphics.drawCircle(0,0,4+3* Math.random());//绘制烟花的形状(圆形),半径在(4 + 0) ~ (4 + 3)之间,即4~7之间。
mc.graphics.endFill();//终止填充颜色
addChild(mc);//把烟花加载到场景里,使其可见
mc.x=X;//给烟花的横坐标赋值,X就是刚才随机生成的横坐标值
mc.y=Y;//给烟花的纵坐标赋值,Y就是刚才随机生成的纵坐标值
mc.scaleX=mc.scaleY=0.4+Math.random()*0.6;//烟花的长宽在 (0.4 + 0)~(0.4 + 0.6)倍之间随机缩放,即随机缩放为原大小的0.4~1倍
tempRo=Math.random()*360/180;//创建烟花的随机角度
mc.spdX=Math.random()*10*Math.sin(tempRo)*Math.pow(-1,Math.floor(Math.random()*100)%2);//根据随机角度,随机创建烟花沿x轴移动的矢量值,其值为 -10~10之间,记录在mc的动态变量spdX中
mc.spdY=Math.random()*10*Math.cos(tempRo)*Math.pow(-1,Math.floor(Math.random()*100)%2);//根据随机角度,随机创建烟花沿y轴移动的矢量值,其值为 -10~10之间,记录在mc的动态变量spdY中
mc.addEventListener(Event.ENTER_FRAME,FireMove);//给烟花注册帧事件函数,在FireMove函数中同步烟花的效果
}
}
function FireMove(e:Event):void
{
var obj:Object=e.target;//创建一个对象,获得注册事件的对象(烟花)的索引,这个obj就是烟花mc
obj.x+=obj.spdX;//烟花的x坐标每一帧递增spdX个单位,obj.spdX就是刚才的mc.spdX
obj.y+=obj.spdY;//烟花的y坐标每一帧递增spdY个单位,obj.spdY就是刚才的mc.spdY
obj.alpha-=0.05;//烟花每一帧的透明度衰减5%
if(obj.alpha=0)//当烟花的透明度小于或等于0时
{
obj.removeEventListener(Event.ENTER_FRAME,FireMove);//注销烟花的帧事件
//建议这里增加一行代码 removeChild(MovieClip(obj)),从场景里移除已经看不见的烟花,节省资源
}
}
烟花代码的格式是什么
烟花代码的格式是#include "stdlib.h"。
表述不清,没指明是什么的代码。代码就是程序员用开发工具所支持的语言写出来的源文件,是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。
代码设计的原则包括惟一确定性、标准化和通用性、可扩充性与稳定性、便于识别与记忆、力求短小与格式统一以及容易修改等。
Linux版本:
当前安装有Linux操作系统,数据中RedHatFedora占据绝对优势——Linux使用者使用该版本占总数的49.49%。Fedora是RedHat推出的重要的一款Linux版本,在每个fedora版本中都是集成最新的Linux软件,特别是服务端软件。
排在第二位的是Ubuntu,受支持数占到总数的23.92%;第三位的是SuSE占9.09%,接下来是Debian,使用率为5.92%。在这里面令人期待的中国本土Linux的让人大失所望。使用率仅占5.16%,几乎只有RedHatFedora的十分之一。
关于纯css3烟花特效代码和html5烟花特效代码的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 05-06透明css代码(css3透明)[20240506更新]
- 05-06css特效代码大全1(css字体特效代码)[20240506更新]
- 05-06表白css特效代码(html520表白代码)[20240506更新]
- 05-06html5代码软件(开发html5软件)[20240506更新]
- 05-06js页面左右滑动特效代码(js滚动特效)[20240506更新]
- 05-05bootstrap图片特效代码(bootstrap图标怎么用)[20240505更新]
- 05-05asp.net输出html代码(html5 asp)[20240505更新]
- 05-05网页动画话图片特效代码(网页文字动画)[20240505更新]
- 05-05html5制作动漫网站源代码(html动漫网页设计作品及代码)[20240505更新]
- 05-042015qq秀特效代码(特效代码)[20240504更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接