0

我正在尝试使用相同的代码制作这种风格的菜单：http: //www.jeremymartin.name/examples/kwicks.php?example= 1

我添加了链接，但它们不起作用。他们为什么不呢？

这是我的代码：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
    <head>
        <link rel="stylesheet" type="text/css" href="css/main.css" />

        <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
        <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
        <script src="js/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>

        <script type="text/javascript">
            $().ready(function() {
                $('.kwicks').kwicks({
                    max : 220,
                    spacing : 5
                });
            });
        </script>
    </head>

    <body>
        <ul class="kwicks horizontal" >
            <li id="kwick_1" a href="#"></a></li>
            <li id="kwick_2" a href="#"></a></li>
            <li id="kwick_3" a href="#"></a></li>
            <li id="kwick_4" a href="#"></a></li>
        </ul>
    </body>
</html>
4

2 回答 2

0

您的 HTML 无效。未li关闭且a标签未打开。

这应该是：

        <li id="kwick_1"> <a href="#"></a></li>
        <li id="kwick_2"> <a href="#"></a></li>
        <li id="kwick_3"> <a href="#"></a></li>
        <li id="kwick_4"> <a href="#"></a></li>
于 2012-08-12T19:27:41.897 回答
0

你需要更换

<li id="kwick_1" a href="#"></a></li>

和

<li id="kwick_1"><a href="#">name of the link</a></li>
于 2012-08-12T19:30:56.287 回答