用js实现CSS圆角生成更新_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:36:51

用js实现CSS圆角生成更新_javascript技巧

用js实现CSS圆角生成更新_javascript技巧:用js生成任意圆角,下一步就是加入直角导角,圆角导外,外圆角导个,还有边框处理,阴影生成,还有柔化处理都是以后的重点和难点. 中工工基人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压械夺棋栽夺

推荐度：

点击下载本文 文档为doc格式

导读用js实现CSS圆角生成更新_javascript技巧:用js生成任意圆角,下一步就是加入直角导角,圆角导外,外圆角导个,还有边框处理,阴影生成,还有柔化处理都是以后的重点和难点. 中工工基人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压械夺棋栽夺

用js生成任意圆角,下一步就是加入直角导角,圆角导外,外圆角导个,还有边框处理,阴影生成,还有柔化处理都是以后的重点和难点.

中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 械夺棋栽夺苛夺棋地花样百出地模压械夺棋栽夺中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 械夺棋栽夺苛夺棋地花样百出地模压械夺棋栽夺 
 
 
 makeroalj("modul","contentbox",60,400); 
 function makeroalj(modulid,contentid,r,width){ 
 this.setr=r; 
 var yj=document.getElementById(modulid); 
 yj.style.position="relative"; 
 yj.style.width=width?width+"px":"100%"; 
 yj.style.overflow="hidden"; 
 var contentbox=document.getElementById(contentid); 
 contentbox.style.position="absolute";

for(y=this.setr;y>=1;y--){ 
 var l=document.createElement("div"); 
 setstyle(l,y); 
 yj.appendChild(l); 
 }

var box=document.createElement("div"); 
 box.style.backgroundColor="#FFCC00"; 
 yj.appendChild(box); 
 
 for(y=1;y<=this.setr;y++){ 
 var l=document.createElement("div"); 
 setstyle(l,y); 
 yj.appendChild(l); 
 } 
 box.style.height=(contentbox.clientHeight-this.setr*2)+"px"; 
 //设置样式 
 function setstyle(obj,y){ 
 l.innerHTML=" "; 
 l.style.height="1px"; 
 l.style.overflow="hidden"; 
 l.style.backgroundColor="#FFCC00"; 
 l.style.margin="0 "+(this.setr-Math.floor(Math.sqrt(this.setr*this.setr-y*y)))+"px"; 
 } 
 } 
</ script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

用js实现CSS圆角生成更新_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：实现 js 圆角

热门焦点

用js实现CSS圆角生成更新_javascript技巧

用js实现CSS圆角生成更新_javascript技巧

用js实现CSS圆角生成更新_javascript技巧

最新推荐

猜你喜欢

热门推荐