您好,欢迎来到模板无忧!
登录
注册
闂備浇銆€閸嬫捇鏌熼婊冾暭妞ゃ儻鎷�
闂備胶鎳撻崥瀣垝鎼淬劌纾奸柨鐕傛嫹
闂備線娼婚梽鍕熆濡ソ褰掓晸閿燂拷
闂佹眹鍩勯崹濂稿窗閺嶃劍鍙忛柨鐕傛嫹
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI灏忚仛 鑳藉啓浼氱敾
鍩熷悕
鎺ㄨ崘
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
图片特效特效代码
>
收藏
分享
查看评论
图片特效
演示
齿轮--效果非常棒_图片特效特效
查看演示效果
特效Tag:
暂无Tag,欢迎
添加
,赚取U币!
缁囨ⅵDedeCMS瑙嗛鏁欑▼
涔扮┖闂� 绉熸湇鍔″櫒 閫夌綉纭曚簰鑱旓紒
鏃犲咖绔欓暱宸ュ叿,鐧惧害鏉冮噸涓€閿叏鏌�!
齿轮--效果非常棒,您可以先修改部分代码再运行.
<HTML xmlns:v = "urn:schemas-microsoft-com:vml"><HEAD> <META NAME="Description" CONTENT="VML Animation - Gears within Gears"> <META NAME="Keywords" CONTENT="cogs, gears, dhtml, vml, javascript, jscript, animation"> <TITLE>VML Animation - Gears within Gears-模板无忧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> <div id=op></div> <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); //constants for gears GB=100; GD=30; GA=20; w=0; h=0; kx=0; ky=0; scol=new colour(57,.71,.89); ss=new Array(500,500,500,500,500,500,500,500,500,500,500,500,500,500,500); vs="<DIV id=kal style='position:absolute;left:"+kx+";top:"+ky+";'>"; for(j=0;j<ss.length;j++){ np=30-2*j; sp=makegearpath(np); hue=j*4; dhue=8; dr=(j+1)/2; //if(j%2==0)dr=-dr; 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+" vx="+vx+" vy="+vy+" style='position:absolute;left:"+((500-ss[j])/2)+"px;top:"+((500-ss[j])/2)+"px;height:"+ss[j]+";width:"+ss[j]+";rotation:0;' fill='true' stroke='true' coordsize='2500,2500' coordorigin '-1250,-1250' fillcolor='#fdf9ae' strokecolor='#000000' path='"+sp+"'></v:shape>" } vs+="</div>" document.write(vs); resize(); 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; //S.strokecolor=scol.rgb; //animate rotation r=parseFloat(S.style.rotation); dr=parseFloat(S.dr); r+=dr;if(r>=360)r-=360;if(r<0)r+=360; S.style.rotation=r; } } //n=number of points //r1=outer diameter //r2=inner diameter //assumes coordsize='2000,2000' coordorigin '0,0' function makegearpath(n){ var r1,r2,l1,l2 var theta,phi,alpha,beta s=""; theta=2*Math.PI/n; theta2=theta/2 r2=(GB*n)/(2*Math.PI); r1=r2+GD; l1=Math.sqrt((r1*r1+GA*GA)); l2=Math.sqrt((r2*r2+GA*GA)); alpha=Math.atan(GA/r1); beta=Math.atan(GA/r2); phi=Math.PI/2-theta2-beta; s="m "+(1250+Math.round(l2*Math.cos(phi)))+","+(1250+Math.round(l2*Math.sin(phi)))+"l"; for (i=0;i<n;i++){ phi=i*theta+Math.PI/2; if(i>0)s+=","; s+=(1250+Math.round(l2*Math.cos(phi-theta2+beta)))+","+(1250+Math.round(l2*Math.sin(phi-theta2+beta)))+","; s+=(1250+Math.round(l1*Math.cos(phi-alpha)))+ ","+(1250+Math.round(l1*Math.sin(phi-alpha)))+","; s+=(1250+Math.round(l1*Math.cos(phi+alpha)))+ ","+(1250+Math.round(l1*Math.sin(phi+alpha)))+","; s+=(1250+Math.round(l2*Math.cos(phi+theta2-beta)))+","+(1250+Math.round(l2*Math.sin(phi+theta2-beta))); } s+="x 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; kx=w/2-250; ky=h/2-250; kal.style.left=kx; kal.style.top=ky; } //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-11-10
[收藏]
[报错]
[返回列表]
评论加载中....
相关
图片特效特效
:
图片自动缩放
图像过来
禁止对图片用右键(仅支持IE)
图片的渐显播放效果的代码
对联式的图片广告代码
页面的左右下脚始终固定不动的图片广告代码
图片渐渐出现脚本
图象淡入淡出 Script
经典相册效果
左右移动的图片
图像映射
图形循环渐显脚本
图片特效特效Rss订阅
特效代码搜索
图片特效特效推荐
图片上链接的虚线框
按钮可以控制的JS横向图片滚动
可控的纵向图片滚动
JS图片翻页效果
有点炫的JavaScript立体图片展示
可隐藏文字,支持缩略图的jQuery图片切换
CSS无图片实现图片阴影
禁止对图片用右键(仅支持IE)
百叶窗形式的图片渐变交替
旗帜
猜你也喜欢看这些
精选几种CSS滤镜文字阴影效果
自动刷新
JavaScript数组应用,可依次读取的公告栏文字
打印文字特效
系统文件夹链接
Js文本框奔跑走马灯
网站公告Js滚动代码
JavaScript 文字拖动
变色文字
可以跟随鼠标的JS链接提示
相关链接:
复制本页链接
|
搜索齿轮--效果非常棒
特效说明:
图片特效模板
-
齿轮--效果非常棒
。
鏀惰棌&鍒嗕韩
QQ绌洪棿
鏂版氮寰崥
鑵捐寰崥
浜轰汉缃�
寮€蹇冪綉
鐧惧害鎼滆棌
澶嶅埗缃戝潃
鏇村...