5.制作当页面加载完毕时,列表隔行变色,背景颜色值为#ececec。

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8">
<title>隔行变色的列表</title>
<link rel="stylesheet" href="css/nav.css"></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> <ahref="http://tg.131cc.com/?uid=510412">37WAN游戏</a> <ahref="http://p.37pk49.com/s/1/683/13574.html?uid=510412">武易</a> <ahref="http://jcnm.game3737.com/htmlcode/36266.html">斗圣</a> <ahref="http://tk.pk897.com/1616dh.php?id=2467">烈焰</a> <ahref="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/xiaoyouxi.htm">[小游戏]</a></dt><dd ><ul><li><a href="http://www.4339.cc">4339小游戏</a> <ahref="http://www.6949.com">6949小游戏</a> <ahref="http://www.3155.com/?hmsr=1616">3155小游戏</a> <ahref="http://www.4399i.net/">4399i小游戏</a> <ahref="http://www.3199.cn/?hmsr=1616">3199小游戏</a> <ahref="http://www.7k7k7.net">7k7k7小游戏</a></li></ul></dd><dd class="more"><a href="http://www.6655.com/1/xiaoyouxi.htm">更多&gt;&gt;</a></dd></dl><dl><dt><a href="http://www.6655.com/1/yingshi.htm">[影视]</a></dt><dd ><ul><li><a href="http://www.iqiyi.com">爱奇艺高清</a><ahref="http://www.tudou.com/">土豆网</a><ahref="http://tv.sohu.com/movie/">搜狐电影</a><a href="http://tv.cntv.cn/">CNTV</a><a href="http://www.kktv1.com/c.shtml?c=52560">KK美女视频</a> <ahref="http://p.yiqifa.com/s?sid=a4df75c5719e9b11&amp;pid=184&amp;wid=410486&amp;vid=426282&amp;cid=7100&amp;lid=168915&amp;euid=&amp;vwid=">六间房</a></li></ul></dd><dd class="more"><a href="http://www.6655.com/1/yingshi.htm">更多&gt;&gt;</a></dd></dl><dl class="s1"><dt><a href="http://www.6655.com/1/xiaoshuo.htm">[小说]</a></dt><dd ><ul><li><a href="http://www.qdmm.com/">起点女生网</a> <ahref="http://www.zongheng.com/?co=1616">纵横中文网</a> <ahref="http://p.yiqifa.com/c?s=3b2f15ba&amp;w=88243&amp;c=6805&amp;i=23342&amp;l=0&amp;e=&amp;t=http://www.zazhipu.com/">杂志铺</a><ahref="http://www.xxsy.net/">潇湘书院</a> <ahref="http://www.qidian.com/Default.aspx">起点</a> <ahref="http://www.xs8.cn/">言情小说吧</a></li></ul></dd><dd class="more"><a href="http://www.6655.com/1/xiaoshuo.htm">更多&gt;&gt;</a></dd></dl><dl><dt><a href="http://www.6655.com/1/youxi.htm">[游戏]</a></dt><dd ><ul><li><a href="http://365.uc108.com/">同城游棋牌</a><ahref="http://games.sina.com.cn/">新浪游戏</a><ahref="http://p.yiqifa.com/c?s=ae39a645&amp;w=154815&amp;c=6756&amp;i=23904&amp;l=0&amp;e=&amp;t=http://www.5173.com/">5173游戏交易</a><ahref="http://www.17173.com/">17173游戏</a><ahref="http://www.duowan.com/">多玩游戏</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/yinyue.htm">[音乐]</a></dt><dd ><ul><li><a href="http://www.1ting.com">一听音乐网</a> <ahref="http://mp3.sogou.com/">搜狗音乐</a> <ahref="http://music.baidu.com">百度mp3</a> <ahref="http://www.yinyuetai.com/">音悦台MV</a> <ahref="http://www.iqiyi.com/zongyi/superboy.html">快乐男声</a></li></ul></dd><dd class="more"><a href="http://www.6655.com/1/yinyue.htm">更多&gt;&gt;</a></dd></dl><dl><dt><a href="http://www.6655.com/1/jiaoyou.htm">[交友]</a></dt><dd ><ul><li><ahref="http://reg.jiayuan.com/st/?id=421710&amp;url=http://reg.jiayuan.com">世纪佳缘</a><a href="http://www.zhiji.com/?ad=1616" class="green">同城交友网</a><ahref="http://www.zhenai.com/901934.html">珍爱网</a><ahref="http://www.9see.com/go123?from=120_1">美女秀场</a> <ahref="http://www.iqiyi.com/zongyi/fcwr.html">非诚勿扰</a></li></ul></dd><dd class="more"><a href="http://www.6655.com/1/jiaoyou.htm">更多&gt;&gt;</a></dd></dl><dl class="s1"><dt><a href="http://www.6655.com/1/lvyou.htm">[旅游]</a></dt><dd ><ul><li><ahref="http://vacations.ctrip.com/?allianceid=1091&amp;sid=1227&amp;ouid=">携程旅游</a><ahref="http://www.tuniu.com/?p=1627&amp;cmpid=mkt_08005301&amp;utm_campaign=daohang&amp;utm_source=1616.net&amp;utm_medium=textlink"class="green">途牛旅游网</a><a href="http://www.zoutu.com/">云南旅游</a><ahref="http://hotel.elong.com/?banid=1616">艺龙订酒店</a> <ahref="http://www.qunar.com/?ex_track=auto_4f4dd298">去哪儿旅游</a> <ahref="http://detail.tmall.com/item.htm?id=21737099723">迪士尼门票</a> <ahref="http://www.17u.cn/FlightQuery.aspx#refid=14748221">同程机票</a></li></ul></dd><dd class="more"><a href="http://www.6655.com/1/lvyou.htm">更多&gt;&gt;</a></dd></dl></div>
<script src="js/jquery-1.12.4.js"></script>
<script>$(function () {$("dl:odd").css("background","#ececec")})
</script>
</body>
</html>

6.单击图片是,显示提示信息:单击提示信息后,该信息隐藏。

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8">
<title>分享特效</title>
<style type="text/css">dt{height:30px;}dt img{margin-left:80px;display:none;}
</style></head>
<body><dl><dt ><img src="data:images/text.gif"  /></dt><dd>分享到:<img src="data:images/iocns.gif"  /></dd></dl>
<script src="js/jquery-1.12.4.js"></script>
<script>$(function () {$("dd").click(function () { //单击显示$("img:eq(0)").css("display","block");})$("img:eq(0)").click(function () { //单击之后隐藏$("img:eq(0)").css("display","none");})})
</script>
</body>
</html>

jQuery第六章课后作业相关推荐

  1. 大连理工大学c语言第三次上机作业答案,大连理工大学软件学院C语言上机第五六章课后题...

    大连理工大学软件学院C语言上机第五六章课后题 五.1. #includeint main() { int a,b,c; float X,Y,Z; scanf("%d%d%d",&a ...

  2. 04737 c++ 自学考试2019版 第六章课后练习 程序设计题 1

    /* * 04737 c++ 自学考试2019版 第六章课后练习 * 程序设计题 1 * 需求:将第五章习题中设计的交通工具...... */#include<iostream> #inc ...

  3. Python从入门到实践第9章课后作业

    Python从入门到实践第9章课后作业 编写过程中不知道如何将列表传入子类中,下面实例中均没有使用 #9-1 # class Restaurant(): # """模拟饭 ...

  4. Linux第六章课后题6-4

    Linux第六章课后题4 已知有两个文本文件f1和f2,把f1文件中的第5-9行剪切并插入粘贴到f2文件的第3行后,再把f2文件中的所有read字符串全部改写成reading,最后在f1文件后附加上当 ...

  5. c语言常数-ox6a是什么意思,c语言1-7章课后作业答案

    c语言1-7章课后作业答案 51intn=0:char*s:if(argc1)for(s=argv1:*s:s+)if(A=*s&*s=Z)|(a=*s&*s=z)n+:elsen=0 ...

  6. MOOC高级语言程序设计第七章课后作业

    MOOC高级语言程序设计第七章课后作业 计票程序 计算天数 计票程序 题目描述 完成一个对候选人得票的统计程序.假设有3个候选人,名字分别为Li,Zhang和Fun.使用结构体存储每一个候选人的名字和 ...

  7. HTML网页作业第二章课后作业,泵与泵站-第二章-课后作业.ppt

    泵与泵站-第二章-课后作业 作业: 1.如图2-104所示的泵装置.泵从一个密闭水箱抽水,输入另一个密闭水箱,水箱内的水面与泵轴平齐,试问: (1)该泵装置的静杨程HST=?(m)22 (2)泵的吸水 ...

  8. C++面向对象的程序设计谭浩强 第六章课后题

    以往章节 C++面向对象的程序设计谭浩强 第二章课后题 C++面向对象的程序设计谭浩强 第三章课后题 C++面向对象的程序设计谭浩强 第四章课后题 C++面向对象的程序设计谭浩强 第五章课后题 C++ ...

  9. R语言基础题及答案(六)——R语言与统计分析第六章课后习题(汤银才)

    R语言与统计分析第六章课后习题(汤银才) 题-1 有一批枪弹, 出厂时, 其初速v∼N(950,σ2)v\sim N(950,\sigma^2)v∼N(950,σ2)(单位:m/sm/sm/s). 经 ...

  10. python从入门到实践第8章课后作业

    python从入门到实践第8章课后作业 #作业8-1 # def display_message(): # print('学习了如何定义函数') # display_message() # 作业8-2 ...

最新文章

  1. python编程爱心-使用Python画出小人发射爱心的代码
  2. JSP/Servlet Web 学习笔记 DayFour —— 实现一个简单的JSP/Servlet交互
  3. 电脑硬件配置——组装查询软件
  4. Java Struts 特性和新特性总结
  5. pythonwhile循环结束语句_Python while循环语句
  6. python类的命名空间与组合
  7. 利用反射对dao层进行重写
  8. 官宣!又一所新大学来了!
  9. matlab实验函数编写与程序设计,matlab实验四函数编写与程序设计
  10. 腾讯财报中“最大秘密”:2018云收入91亿元,交首份TO B答卷
  11. java 语言转 c 命令_求助大神!!!JAVA转换成C语言
  12. Python入门--try-except-else
  13. ISP图像调试工程师——3D和2D降噪(熟悉图像预处理和后处理技术)
  14. 今天看到几款真不错的软件
  15. 商城系统演示站 -多用户商城系统
  16. java工具类-Java对象转换成Map
  17. 【硬件驱动系列】DirectSound vs ASIO
  18. 幽灵蛛(pholcus)规则(二)
  19. vi中跳到首行或尾行
  20. 虚拟服务器 共享打印机,教你轻松解决打印机共享难题

热门文章

  1. 微信小程序-colorUI组件库
  2. 群联PS3111坏硬盘修复记录
  3. 2019icpc计算机程序设计大赛,关于开展西安理工大学2019年程序设计竞赛暨ACM-ICPC大赛选拔赛的通知...
  4. 基于C# 和Access数据库的电影院管理系统
  5. postSQL 正则表达式与like使用
  6. access链接 mysql数据库教程_JDBC连接ACCESS数据库的三种方法
  7. 数据结构课程设计-(三)哈夫曼编码器
  8. 漏洞分析C#反编译软件Reflector 11.1.0.2167(最新版)(附补丁下载)
  9. 帧差法——动态检测——统计车流量
  10. 电磁波中的波段划分:L波段、S波段、C波段、X波段、Ku波段、K波段、Ka波段