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

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

标签页导航

复制代码
<!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   一个大西瓜咚咚咚  阅读(259)  评论(0)  编辑  收藏  举报

编辑推荐：
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示
SQL AI 助手