您好,欢迎来到模板无忧!
登录
注册
閺€鎯版
閹兼粎鍌�
閸︽澘娴�
鐢喖濮�
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI鐏忓繗浠� 閼宠棄鍟撴导姘辨暰
閸╃喎鎮�
閹恒劏宕�
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
图片特效特效代码
>
收藏
分享
查看评论
图片特效
演示
XML动画_图片特效特效
查看演示效果
特效Tag:
暂无Tag,欢迎
添加
,赚取U币!
缂佸洦鈪礑edeCMS鐟欏棝顣堕弫娆戔柤
娑旀壆鈹栭梻锟� 缁夌喐婀囬崝鈥虫珤 闁缍夌涵鏇氱鞍閼辨棑绱�
閺冪姴鍜栫粩娆撴毐瀹搞儱鍙�,閻ф儳瀹抽弶鍐櫢娑撯偓闁款喖鍙忛弻锟�!
XML动画,您可以先修改部分代码再运行.
<HTML xmlns:v = "urn:schemas-microsoft-com:vml"><HEAD> <TITLE>VML Animation - Stars-模板无忧www.mb5u.com</TITLE> <OBJECT classid=CLSID:10072CEC-8CC1-11D1-986E-00A0C955B42E id=VMLRender></OBJECT> <STYLE>v\:* { BEHAVIOR: url(#VMLRender) } </STYLE> </HEAD> <BODY bgColor=#ffffff onresize=resize() scroll=no> <v:rect id=bg style="HEIGHT:400pt;LEFT:0pt;POSITION:absolute;TOP:0pt;WIDTH:880pt;Z-INDEX:-1" coordsize = "21600,21600" fillcolor = "#a8f4f7" strokecolor="#000000"> <v:fill type = "gradient" color2 = "#003159" angle = "45" focus = "100%" focusposition = ".5,.5" focussize = "0,0" method = "linear sigma"> </v:fill> </v:rect> <script> //globals for HSV to RGB conversion irpnt=new Array(2,1,0,0,3,2); igpnt=new Array(3,2,2,1,0,0); ibpnt=new Array(0,0,3,2,2,1); // w=0; h=0; resize(); scol=new colour(57,.61,.89); ss=new Array(50,90,75,50,60); vs=""; for(j=0;j<ss.length;j++){ np=3+rnd(6); sp=makestarpath(np,1000,900); hue=rnd(360); dhue=1+rnd(10); theta=0; dtheta=0.1+0.2*Math.random(); dr=rnd(14)-6;if(dr==0)dr=-7; vx=rnd(10)-4;if(vx==0)vx=-5; vy=rnd(10)-4;if(vy==0)vy=-5; vs+="<v:shape id='V"+j+"' np="+np+" hue="+hue+" dhue="+dhue+" dr="+dr+" theta="+theta+" dtheta="+dtheta+" vx="+vx+" vy="+vy+" style='position:absolute;left:"+(6+rnd(w-ss[j]-12))+"px;top:"+(6+rnd(h-ss[j]-12))+"px;height:"+ss[j]+";width:"+ss[j]+";rotation:0;' fill='true' stroke='false' coordsize='2000,2000' coordorigin '0,0' fillcolor='#fdf9ae' strokeweight='2emu' path='"+sp+"'><v:fill type='gradientRadial' color2='#6f6022' angle='45' focus='100%' focusposition='.5,.5' focussize='2,2' method='linear sigma'></v:fill></v:shape>" } document.write(vs); window.setInterval("frame();",20); function frame(){ for(j=0;j<ss.length;j++){ S=document.all["V"+j]; //animate colour hue=parseInt(S.hue); dhue=parseInt(S.dhue); hue+=dhue; if(hue>=360)hue-=360; S.hue=hue; scol.h=hue; scol.hsv2rgb(); S.fillcolor=scol.rgb; //animate rotation r=parseInt(S.style.rotation); dr=parseInt(S.dr); r+=dr;if(r>=360)r-=360;if(r<0)r+=360; S.style.rotation=r; //animate geometry np=parseInt(S.np); theta=parseFloat(S.theta); dtheta=parseFloat(S.dtheta); theta+=dtheta;if(theta>Math.PI)theta-=2*Math.PI; sp=makestarpath(np,1000,200+1000*Math.sin(theta)); S.path=sp; S.theta=theta; //move & bounce stars x=S.style.pixelLeft; y=S.style.pixelTop; vx=parseInt(S.vx); vy=parseInt(S.vy); x+=vx; y+=vy; if(x<0){vx=-vx;x+=vx;} if(x>w-ss[j]){vx=-vx;x=2*(w-ss[j])-x;} if(x>w-ss[j])x=0; if(x<0)x=0; if(y<0){vy=-vy;y+=vy;} if(y>h-ss[j]){vy=-vy;y=2*(h-ss[j])-y;} if(y>h-ss[j])y=0; if(y<0)y=0; S.style.pixelLeft=x; S.style.pixelTop=y; S.vx=vx; S.vy=vy; } } //n=number of points //r1=outer diameter //r2=inner diameter //assumes coordsize='2000,2000' coordorigin '0,0' function makestarpath(n,r1,r2){ s=""; pa=2*Math.PI/n; ss1=Math.PI/2; ss2=ss1-pa/2; x1=Math.floor(r1*Math.cos(ss1)); y1=Math.floor(-r1*Math.sin(ss1)); x2=Math.floor(r2*Math.cos(ss2)); y2=Math.floor(-r2*Math.sin(ss2)); s="m "+(x2+1000)+","+(y2+1000)+" l "; for (i=1;i<=n;i++){ if(i>1)s+="," s+=(x1+1000)+","+(y1+1000)+","; s1=ss1+i*pa; s2=ss2+i*pa; x1=Math.floor(r1*Math.cos(s1)); y1=Math.floor(-r1*Math.sin(s1)); x2=Math.floor(r2*Math.cos(s2)); y2=Math.floor(-r2*Math.sin(s2)); s+=(x2+1000)+","+(y2+1000); } s+=" e" return(s); } function rnd(n){ return(Math.floor((n+1)*Math.random())); } function resize(){ w=document.body.clientWidth; h=document.body.clientHeight; bg.style.width=w; bg.style.height=h; } //utility object for HSV to RGB conversion function hsv2rgb(){ pqvt=new Array(4); with(this){ if(s==0){ r=Math.floor(255*v); g=r; b=r; return; } if(h>=360)h=0; nh=h/60; i=Math.floor(nh); f=nh-i; pqvt[2]=255*v; pqvt[0]=pqvt[2]*(1-s) pqvt[1]=pqvt[2]*(1-s*f) pqvt[3]=pqvt[2]*(1-s*(1-f)) r=Math.floor(pqvt[irpnt[i]]); g=Math.floor(pqvt[igpnt[i]]); b=Math.floor(pqvt[ibpnt[i]]); rgb="#"+(65536*r+256*g+b).toString(16); } } function colour(h,s,v){ this.h=h; //0-359 this.s=s; //0-1 this.v=v; //0-1 this.r=0; //0-255 this.g=0; //0-255 this.b=0; //0-255 this.rgb=""; this.hsv2rgb=hsv2rgb; //convert on construction this.hsv2rgb(); } </script> </BODY></HTML>
所属频道:
图片特效特效
/
更新时间:2012-10-28
[收藏]
[报错]
[返回列表]
评论加载中....
相关
图片特效特效
:
图片自动缩放
图像过来
禁止对图片用右键(仅支持IE)
图片的渐显播放效果的代码
对联式的图片广告代码
页面的左右下脚始终固定不动的图片广告代码
图片渐渐出现脚本
图象淡入淡出 Script
经典相册效果
左右移动的图片
图像映射
图形循环渐显脚本
图片特效特效Rss订阅
特效代码搜索
图片特效特效推荐
自写横向的左右滚动,响应鼠标向左或向右
仿265网站LOGO,会盯着你看的眼睛
真正的JavaScript图片淡入淡出特效
跟随鼠标的图片
鼠标滑过,缩略图放大显示(纯CSS)
JS图片渐现渐隐效果
纯JS图片批量预加载技术代码
jQuery 图片拉伸放大效果代码
CSS将图片自动变为圆角
图片浏览器脚本
猜你也喜欢看这些
about语法
滚动式链接
多色彩特效字代码生成器
移动链接,鼠标指向时停止移动
JavaScript设置大、中、小网页字体
让链接下划线变成虚线的CSS代码
链接就像开始菜单一样可分几层
可以跟随鼠标的JS链接提示
CSS立体文字
CSS阴影文字效果
相关链接:
复制本页链接
|
搜索XML动画
特效说明:
图片特效模板
-
XML动画
。
閺€鎯版&閸掑棔闊�
QQ缁屾椽妫�
閺傜増姘顔煎触
閼垫崘顔嗗顔煎触
娴滆桨姹夌純锟�
瀵偓韫囧啰缍�
閻ф儳瀹抽幖婊嗘
婢跺秴鍩楃純鎴濇絻
閺囨潙顦�...