第六章 jQuery 选择器——课后作业：

最新推荐文章于 2021-06-10 12:51:57 发布

gz98411

最新推荐文章于 2021-06-10 12:51:57 发布

阅读量2.5k

点赞数 1

分类专栏： JQuery高效制作网页特效

本文链接：https://blog.csdn.net/gz98411/article/details/81110346

版权

本文介绍了两个jQuery应用示例：1. 页面加载后实现列表项隔行变色，背景颜色设定为#ececec。2. 设计分享特效页面，点击图片会弹出提示信息，再次点击则提示信息消失。

摘要由CSDN通过智能技术生成

1.当页面加载完毕时，列表隔行变色，背景颜色值为#ececec

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>隔行变色的列表</title>
   <style>
       *{padding:0px;margin:0px;font-size:12px;}
       a{
           color:#000;
           text-decoration:none;
       }
       ul{list-style:none;}
       dl,dt,dd{
           display:block;
       }
       dl{
           clear:both;
           height:30px;
           width:670px;
           line-height:30px;
       }
       dl dt{
           width:100px;
           padding-left:10px;
           float:left;
       }
       dl dd{
           float:left;
       }
       dl dd a{margin:3px;}
       dl dd.more{
           float:right;
           margin-right:10px;
       }
   </style>
</head>
<body>
<div class="content">
    <dl>
        <dt><a href="http://www.6655.com/1/youxi.htm">[页游]</a></dt>
        <dd >
            <ul>
                <li><a href="http://codes.dian5000.com/htmlcode/38319.html">枪魂</a>
                    <a href="http://p.37pk49.com/s/1/683/11722.html?uid=510412">女神联盟</a> <a
                            href="http://tg.131cc.com/?uid=510412">37WAN游戏</a> <a
                            href="http://p.37pk49.com/s/1/683/13574.html?uid=510412">武易</a> <a
                            href="http://jcnm.game3737.com/htmlcode/36266.html">斗圣</a> <a
                            href="http://tk.pk897.com/1616dh.php?id=2467">烈焰</a> <a
                            href="http://p.37pk49.com/s/1/683/14006.html?uid=510412">大闹天宫OL</a></li>
            </ul>
        </dd>
        <dd class="more"><a href="http://www.6655.com/1/youxi.htm">更多&gt;&gt;</a></dd>
    </dl>
    <dl class="s1">
        <dt><a href="http://www.6655.com/1/xiaoyou