夺命雷公狗jquery---34导航条案例之下拉选择

最新推荐文章于 2025-09-12 14:04:02 发布

转载最新推荐文章于 2025-09-12 14:04:02 发布 · 85 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/leigood/p/4919942.html

文章标签：

#javascript #ViewUI

拓邦·舒适家成立于2000年，致力于提供地暖采暖、中央空调、新风系统、净水系统等节能环保的舒适家居解决方案。已在全国多个城市设立销售、服务及仓储中心。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            body {
                    margin:0;
                    padding:0;
                }

                div.menu {
                    margin:0;
                    padding:0;
                    width:100%;
                    height:30px;
                    background:#145285;
                }

                ul,li {
                    margin:0;
                    padding:0;
                    list-style:none;
                }

                ul li {
                    padding:0 20px;
                    line-height:30px;
                    float:left;
                    font-size:12px;
                    font-weight:bold;
                    color:#fff;
                }

                div.content {
                    width:100%;
                    height:100px;
                    font-size:12px;
                    padding: 10px 0;
                    line-height:30px;
                    text-indent:24px;
                    background-color:#E4F1FA;
                    display:none;
                }

                div.content img {
                    float:left;
                }
        </style>
        <script src="js/jquery.js"></script>
        <script>
            $(function(){
                $('li:eq(0)').hover(function(){
                    $('div.content').slideDown(500);
                },function(){
                    $('div.content').hide();
                });
            });
        </script>
    </head>
    <body>
        <div class="menu">
            <ul>
                <li>网站首页</li>
                <li>关于拓邦</li>
                <li>品牌中心</li>
                <li>经营优势</li>
            </ul>
        </div>

        <div class="content">
            <img src="images/x1.jpg" />拓邦·舒适家最早成立于2000年。拓邦·舒适家的成立，肩负了整合有利于环境保护、造福后代、科技含量高的节能产品的使命。致力于为广大用户朋友提供地暖采暖、中央空调、新风系统、净水系统等舒适家居解决方案。拓邦·舒适家已在长沙、武汉等近十个大中城市设立了自己的销售、服务及仓储中心，是全国客户、门店及仓储规模最大、技术力量最好、产品代理级别最高、管理最完善的集成拓邦·舒适家最早成立于2000年。拓邦·舒适家的成立，肩负了整合有利于环境保护、造福后代、科技含量高的节能产品的使命…
        </div>
    </body>
</html>