我想找个js实现div圆角的代码,在div里面只需要标记class就能实现圆角,且实现的圆角是用边框而不是背景实现的,今天在网上搜索很久,始终没找到理想点的,要么就是在div里只能用id,要么是实现原理是用div的背景来实现的,要么就是除了调用js代码之外,还得在页面加入大量css代码………………
哪位大哥有方便调用,效果良好的js实现圆角代码啊,即使是js封装的css也可以的,关键在于调用方便,效果良好,div只需
要用class标记就能实现圆角的那种

解决方案 »

  1.   

    搜索  纯css圆角
    就可以了
      

  2.   

    <div class="divnode" >
    <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
    <div class="content">
    圆角矩形中内容
    </div>
    <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>  
    </div>
    .b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px; font-size:1px; overflow:hidden; display:block;}
    .b1,.b8{margin:0 5px;}
    .b2,.b7{margin:0 3px;border-right:2px solid ; border-left:2px solid;}
    .b3,.b6{margin:0 2px;border-right:1px solid; border-left:1px solid;}
    .b4,.b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;}
    .content {border-right:1px solid #EFFAFF;border-left:1px solid #EFFAFF;overflow:hidden;}
     .b2, .b3, .b4, .b5, .b6, .b7{border-color:#EFFAFF;}
     .b1, .b8{background:#EFFAFF;}
     .b2, .b3, .b4, .b5,
     .b6, .b7, .content{background:#BDE1E1;}
      

  3.   

    2楼的答案不错,不过可惜我老早就知道这个,这个还是在页面写css实现的,我是希望找js的,js封装css也可以的,然后在页面只需要把相应div加上class标签就能实现圆角
      

  4.   

    document.getElementById("divID").className = "你定义的CSS"
      

  5.   

    另外,简单的方法是采用CSS3http://dotnet.aspx.cc/article/9fc6ded8-0c8d-4b1f-9933-a90d7dcf1ace/read.aspx
      

  6.   

    http://www.zeroz.cn/blog/wp-content/uploads/2008/10/jquery_corners/这玩意 貌似在FF里 运作很好。在IE里不怎么好用。楼主是聪明人,或许能改造下 为你所用。
      

  7.   

    想问一下7楼的,css3的兼容性如何啊,我还没有用过哦
      

  8.   

    干嘛要用JS啊,Jquery就很好解决问题