用js实现CSS圆角生成更新- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 用js实现CSS圆角生成更新

Javascript: 二级连动的另一个不错的实现方法; 键盘元素的控制小方块的移动效果; 如何丰富alt属性的显示效果; 鼠标移动到某个单元格上后，整个列都变色的实现方法; 用JavaScript实现字符串切分功能; 通过JAVAScript实现页面自适应; 短信提示使用特效; 一个多次搜索+多次传值的解决方案; javascript读取RSS数据; WEB泡泡堂2.0（图形界面+电脑对玩）(javascript); ＪＳ＋ＦＬＡＳＨ幻灯片播放图片脚本，整理了代码，使得调用更加方便！; 利用javascript中的call实现继承; javascript 中对象的继承〔转贴〕; float ad浮动广告代码; showModalDialog 和 showModelessDialog; Ajax::prototype 源码解读; 深入认识JavaScript中的函数; Javascript技术技巧大全（五）; 通过MSXML2自动获取QQ个人头像及在线情况(给初学者); 用正则xmlHttp实现的偷(转)

No. « ‹ 44 45 46 47 › »

技术文章搜索

关键字

Javascript 中的用js实现CSS圆角生成更新

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 103 ::

收藏到网摘: n/a

学习jquery必备 api中英文对照的chm手册下载用js实现的抽象CSS圆角效果!!

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

点击运行可以看到效果:

<div id="modul">
<div id="contentbox">
<div id="content" style="margin:40px;">中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 械夺棋栽夺苛夺棋地花样百出地模压械夺棋栽夺中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 械夺棋栽夺苛夺棋地花样百出地模压械夺棋栽夺</div></div>
</div>
<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 全选提示:你可先修改部分代码,再按运行]

学习jquery必备 api中英文对照的chm手册下载用js实现的抽象CSS圆角效果!!

Javascript 中的 用js实现CSS圆角生成更新

评论 (0) All

Javascript 中的用js实现CSS圆角生成更新