最佳jquery圆角，处理divs&；桌子？_Jquery

最佳jquery圆角，处理divs&；桌子？

jquery

最佳jquery圆角，处理divs&；桌子？,jquery,Jquery,我一定试过5个不同的插件，每个都有缺点。首先，我需要它在一个具有指定高度的div上工作，如果没有内容，还需要它在拐角处工作。其次，它需要在表上工作（还没有找到任何“工作”）我真的不想使用图像，因为这意味着对主内容div使用4images，然后对表使用4images，jquery会容易得多有什么建议吗？谢谢下面是我用cury corners尝试过的代码 $(document).ready( function() { $('.content').corner(); $('nav_l

我一定试过5个不同的插件，每个都有缺点。首先，我需要它在一个具有指定高度的div上工作，如果没有内容，还需要它在拐角处工作。其次，它需要在表上工作（还没有找到任何“工作”）

我真的不想使用图像，因为这意味着对主内容div使用4images，然后对表使用4images，jquery会容易得多

有什么建议吗？谢谢

下面是我用cury corners尝试过的代码

 $(document).ready( function()
{

  $('.content').corner();
  $('nav_links').corner();


});
</script>

 <div id="content" class="content">      

      <table id="nav_links" class="nav_links" cellpadding="7">
        <tr>
        <td class="nav_background"><a href="index.html">Home</a></td>
        <td class="nav_background"><a href="#">1</a></td>
        <td class="nav_background"><a href="#">2</a></td>
        <td class="nav_background"><a href="#">3</a></td>
        <td class="nav_background"><a href="#">4</a></td>
        </tr>
    </table>

$（文档）.ready（函数（）
{
$（'.content'）.corner（）；
$（'nav_links'）.corner（）；
});

我使用了，它可以在没有图像的情况下工作。您的代码几乎是正确的，但是您似乎混淆了jQuery选择器。要选择id为

myId

的元素，请使用

$（“#myId'）

，另请参见中的选择器

FireFox的工作代码：

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.corners.min.js"></script>
<script type="text/javascript">
$(document).ready( function()
{
  $('#nav_links').corners('20px');
});
</script>
<style type="text/css">
    #nav_links { background-color: #c0c0c0; }
</style>
</head>
<body>
<div id="content" class="content">      
          <table id="nav_links" class="nav_links" cellpadding="7">
                <tr>
                <td class="nav_background"><a href="index.html">Home</a></td>
                <td class="nav_background"><a href="#">1</a></td>
                <td class="nav_background"><a href="#">2</a></td>
                <td class="nav_background"><a href="#">3</a></td>
                <td class="nav_background"><a href="#">4</a></td>
                </tr>
        </table>
    </div>
</body>
</html>


$（文档）.ready（函数（）
{
$（'nav#u links'）。角点（'20px'）；
});
#导航链接{背景色：#C0C0；}

请注意，这需要您已经下载并安装了插件。正如您在注释中所写，这似乎不适用于IE中的表。在这种情况下，最好的解决方案是将表转换为dcneiner建议的列表，因为这在语义上是一个页面/链接列表。如果要坚持使用表，并且能够指定显式宽度，请使用背景div执行所需操作：

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.corners.min.js"></script>
<script type="text/javascript">
$(document).ready( function()
{
  $('#nav_links_background').corners('20px');
});
</script>
<style type="text/css">
    #nav_links_background { background-color: #c0c0c0; width: 20em;}
</style>
</head>
<body>
<div id="content">      
    <div id="nav_links_background">
         <table id="nav_links" cellpadding="7">
                <tr>
                <td class="nav_background"><a href="index.html">Home</a></td>
                <td class="nav_background"><a href="#">1</a></td>
                <td class="nav_background"><a href="#">2</a></td>
                <td class="nav_background"><a href="#">3</a></td>
                <td class="nav_background"><a href="#">4</a></td>
                </tr>
        </table>
    </div>
 </div>
</body>
</html>


$（文档）.ready（函数（）
{
$（'nav#u links_background'）。角点（'20px'）；
});
#导航链接背景{背景颜色：#c0c0c0；宽度：20em；}

首先，您不应使用

表格

…表格用于表格数据（即类似电子表格的数据）。使用它来显示导航链接被认为是糟糕的标记。多年来，使用

ul/li

列表一直是构建导航的一种更被接受的方式。是的，如果你必须使用表格，那么就使用图像来创建你的角落。否则，请使用corners插件（参见John的答案）或查看此插件：我投票将此问题作为离题题题结束，因为它已过时，标记为Arh-rite Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank Thank great works=）只有一个问题……IE中只有顶部的角落