使用jQuery美化英雄联盟

最新推荐文章于 2020-10-27 10:59:56 发布

子晴呀

最新推荐文章于 2020-10-27 10:59:56 发布

阅读量4.2k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_36074064/article/details/71123551

本文介绍了如何利用jQuery库来增强和美化英雄联盟的游戏界面，包括动态效果、交互改进等，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

点击之后

<script type="text/javascript">
        $(function () {
            $('p').click(function () {
                $('.txt_box>.current').css('background', '#6FF');
                $('#content>span').css('background', '#F9F');
                // $('#content').find('span').css('background', '#F9F');
                $('h1+p').css('background', '#F06');
                //$('h1').next().css('background', '#F06');
                $('strong span').css('background', '#00C');
            });

        });
    </script>

<body>
        <h1>英雄联盟</h1>
    <p>
        《英雄联盟》，简称LOL。
    </p>
    <p id="content">
        由<strong>Riot Games </strong>开发，为3D竞技场战游戏，其
        <span>
            主创团队由实力强劲的
            <strong>魔兽争霸</strong>
            系列游戏多人<span>即时对战</span>自定义地图开发团队
        </span>...
        <a href="#">更多详情</a>
    </p>
    <h2>
        目录
    </h2>
    <ul class="txt_box">
        <li class="current">开发团队</li>
        <li>游戏周边</li>
        <li>游戏介绍</li>
        <li>配置需求</li>
        <li>游戏背景</li>
    </ul>
  </body>