使用jQuery高效制作网页特效第八章习题

最新推荐文章于 2022-06-09 19:11:55 发布

原创

最新推荐文章于 2022-06-09 19:11:55 发布 · 4k 阅读

19 ·

CC 4.0 BY-SA版权

本文主要介绍了使用jQuery库进行高效网页特效制作的方法，并提供了第八章的习题供读者实践，旨在提升读者在网页动态效果方面的技能。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>游戏推荐 </title>
    <style type="text/css" >
        *{
            margin:0px;
            padding:0px;
            font-size:12px;
        }
        #listbox{
            margin:10px;
            padding:15px;
            border:1px solid #CCCCCC;
            color:#0066FF;
        }
        dl{
            display:inline-block;
            margin:15px;
        }
        dd{
            font-size:14px;
            color:#663300;
        }

        dd a{
            text-decoration:none;
            font-size:14px;
            color:#FF3300;
        }
        dd a:hover{
            text-decoration:underline;
        }
        .clear{
            clear:both;
            height:0px;
        }
    </style>

</head>
<body>
<div id='listbox'>
    <dl>
        <dt><img src="p1.jpg" /></dt>
        <dd>街机三国</dd>
        <dd><a class='del' href='javascript:void(0);'>删除</a></dd>
    </dl>
    <dl>
        <dt><img src="p2.jpg" /></dt>
        <dd>霸域</dd>
        <dd><a class='del' href='javascript:void(0);'>删除</a></dd>
    </dl>
    <dl>
        <dt><img src="p3.jpg" /></dt>
        <dd>斗破乾坤</dd