用js实现CSS圆角生成更新

ttx9n · 发表于 2007-5-3 00:00:00

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

中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 械夺棋栽夺苛夺棋地花样百出地模压械夺棋栽夺中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 械夺棋栽夺苛夺棋地花样百出地模压械夺棋栽夺  
  
<script type="text/javascript">  
 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需刷新才能执行]

cxst1h57 · 发表于 2022-9-14 21:39:46

来看看！！！

nwk53kbd · 发表于 2023-2-10 14:36:32

呵呵呵呵呵呵

j__j33p · 发表于 2023-9-9 05:47:43

数据库了多久撒快乐的健身卡啦

dingzhi521 · 发表于 2023-9-15 22:12:09

大家都不容易！

wxrf98xr · 发表于 2023-9-24 04:50:53

给爸爸爸爸爸爸爸爸爸爸八佰伴八佰伴

wqpa63gz · 发表于 2023-11-7 21:54:35

还可以不错

q42obh · 发表于 2023-11-9 11:16:20

而非为吾问无为谓娃娃

lsc54 · 发表于 2024-4-26 11:00:27

哦哦哦哦哦哦哦哦哦

回复用户1 · 发表于 2024-5-13 18:40:35

哟哟哟哟哟以偶

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 用js实现CSS圆角生成更新

相关帖子