欢迎来到【一个大西瓜】的博客

不曾为梦想奋斗，拿什么去燃烧青春。有梦之人亦终将老去，但少年心气如昨。
太阳每一个时刻都同时是夕阳和朝阳,每天她沉入西边,意味着她同时从另一面土地升起。
扩大
缩小

标签页导航 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
        .title {
        width:100px;height:30px;border:1px solid red;
        margin:3px;float:left;
        }
        .content {
        width:420px;height:300px;border:1px solid blue;
        clear:both;
        }
    </style>
    <script src="scripts/jquery-1.7.1.js"></script>
    <script>
        $(function () {
            $('.title').mouseover(function () {
                var index = $(this).index();
                var divContent=$('.content')
                switch (index) {
                    case 0:
                        divContent.html('<h1>00000000</h1>');
                        break;
                    case 1:
                        divContent.html('<h1>111111</h1>');
                        break;
                    case 2:
                        divContent.html('<h1>22222222</h1>');
                        break;
                    case 3:
                        divContent.html('<h1>333333333</h1>');
                        break;
                }
            });
        });
    </script>
</head>
<body>
    <div class="title">一带一路</div>
    <div class="title">互联网+</div>
    <div class="title">亚投行</div>
    <div class="title">京津冀一体化</div>
    <div class="content"></div>
</body>
</html>

 

posted on 2016-11-13 18:52  一个大西瓜咚咚咚  阅读(254)  评论(0)  编辑  收藏  举报

导航