當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

使用JQuery快速高效制作网页交互特效第六章课后

發布時間：2023/12/10 编程问答 22 豆豆

生活随笔收集整理的這篇文章主要介紹了使用JQuery快速高效制作网页交互特效第六章课后小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

課后五
樣式

*{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; }

代碼

<!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">更多>></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">更多>></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&pid=184&wid=410486&vid=426282&cid=7100&lid=168915&euid=&vwid=">六間房</a></li></ul></dd><dd class="more"><a href="http://www.6655.com/1/yingshi.htm">更多>></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&w=88243&c=6805&i=23342&l=0&e=&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">更多>></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&w=154815&c=6756&i=23904&l=0&e=&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">更多>></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">更多>></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&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">更多>></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&sid=1227&ouid=">攜程旅游</a><ahref="http://www.tuniu.com/?p=1627&cmpid=mkt_08005301&utm_campaign=daohang&utm_source=1616.net&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">更多>></a></dd></dl></div> <script src="../js/jquery-1.12.4.js" type="text/javascript"></script> <script type="text/javascript">$(document).ready(function(){$(".s1").css("background","#ececec");}) </script> </body> </html>

課后六
代碼

<!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="Image/text.gif" /></dt><dd>分享到：<img src="Image/iocns.gif" /></dd> </dl> <script src="../js/jquery-1.12.4.js" type="text/javascript"></script> <script type="text/javascript">$(document).ready(function(){$("dd img").click(function(){$("img:hidden").show();});$("dt img").click(function(){$("dt img:visible").hide();});}) </script> </body> </html>

總結

以上是生活随笔為你收集整理的使用JQuery快速高效制作网页交互特效第六章课后的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： mysql下一个版本号_mysql下一个
下一篇： postman mysql_postma