如何实现网页中的标签切换，并且可以实现链接。？

如图：

感谢各位提供帮助啊！ --------------------编程问答-------------------- 百度搜滑动门 --------------------编程问答-------------------- 找js 效果。。“滑动门” --------------------编程问答--------------------

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>tab滑动举例</title>

    <script src="Js/jquery-1.4.2.min.js" type="text/javascript"></script>

    <style type="text/css">

        ul,li{ margin:0; padding:0;}

       .head ul li{ display:block; float:left; border:1px solid #ccc; margin-right:5px;}

       .contnet{ border:1px solid red; line-height:23px; width:300px;}

       .now{ background-color:#ccc;}

    </style>

</head>

<body>

    <form id="form1" runat="server">

    <div class="head">

        <ul>

            <li>化妆品</li>

            <li>护肤品</li>

        </ul>

    </div>

    <br /><br />

    <div class="contnet">这里是化妆品内容这里是化妆品内容这里是化妆品内容这里是化妆品内容这里是化妆品内容.....</div>

    <div class="contnet">这里是护肤品内容这里是护肤品内容这里是护肤品内容这里是护肤品内容这里是护肤品内容.....</div>

    </form>



    <script type="text/javascript">

        $(function () {

            $('.contnet:gt(0)').hide();



            var oobbjj = $(".head ul li");

            oobbjj.mouseover(function () {

                $(this).addClass("now").siblings().removeClass("now");

                var index = oobbjj.index(this);

                $(".contnet").eq(index).show().siblings(".contnet").hide();



            })

        })

    </script>

</body>

</html>

记得给分啊 --------------------编程问答-------------------- 连接自己修改就行了：

<li><a href="http://www.baidu.com">化妆品</a></li>

            <li><a href="http://www.baidu.com">护肤品</a></li>

--------------------编程问答-------------------- 可以说的再详细点么... --------------------编程问答-------------------- 这个应该叫选项卡效果吧有没有觉得和浏览器上的多窗口很像

你百度一下 jquery 选项卡效果

很多啊

补充：.NET技术 ,  ASP.NET