以下是程序代码 以下是程序代码 <!DOCTYPE <a href="https://www.gaodaima.com/go.html?url=http://www.gaodaima.com/tag/html" title="html" rel="nofollow" target="_blank">html</a> PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/TR/x" rel="nofollow">http://www.w3.org/TR/x</a><a href="https://www.gaodaima.com/tag/html" title="查看更多关于html的文章" target="_blank">html</a>1/DTD/xhtml1-strict.dtd”> <html xmlns=”<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/1999/xhtml”>" rel="nofollow">http://www.w3.org/1999/xhtml”></a>; <head> <style> .button{ padding:5px 15px 5px 15px; text-decoration: none; display: inline-block; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.25); font-family: “Lucida Grande”,Lucida,Verdana,sans-serif; outline:none; position:relative; font-size: 32px; margin:10px; background:transparent url(buttonover.png) repeat-x top left; white-space:nowrap; } .button:hover{ background-color: #777; } .button:active{ top: 1px; left:1px; } .shadow{ background-color: #a3a3a3; border: 2px solid #777; color: #FFF; font-weight:bold; text-shadow: 0 1px 1px rgba(0,0,0,0.8); } .engraved{ background: #666; border: 2px solid #777; color: #000; text-shadow: 0px 1px 1px #fff; font-weight: bold; } .glow{ color: #fff; background: #888; border: 2px solid #777; text-shadow: 1px 1px 6px #fff; } .white{ color: #fff; background: #fff; text-shadow: 1px 1px 4px #000; border: 2px solid #f0f0f0; font-family: “Arial”; font-weight:bold; text-transform:uppercase; letter-spacing:-1px; } .white:hover{ background-color:#f1f1f1; } .red{ background-color: #B00000; border: 1px solid #7F0000; color: #FFF; text-shadow: 1px 1px 4px #000; font-family: “Palatino Linotype”; } .red:hover{ background-color:#800000; } .lightblue{ background-color: #7FB0F0; color: #FFF; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); font-weight:100; } .lightblue:hover{ background-color:#7FA0C0; } .olive{ background-color: #B0E000; border: 1px outset #D0E000; color: #FFF; font-style:italic; text-shadow: 0 2px 1px rgba(0,0,0,0.2); } .olive:hover{ background-color: #90A000; } .orange{ background-color: #FFCC00; border: 1px outset #F2FF00; color: #FFF; font-family:Helvetica; font-weight:bold; } .orange:hover{ background-color: #FF8000; } .pink{ background-color: #C0107F; border: 1px outset #70107F; color: #FFF; font-family:”Georgia”; font-weight:bold; } .pink:hover{ background-color: #F0107F; } .pink:active{ border: 1px inset #70107F; } .sea{ background-color: #20807F; color: #FFF; } .sea:hover{ background-color: #60807F; } .rose{ background-color: #F07FD0; color: #FFF; font-family: “Palatino Linotype”; font-style: italic; letter-spacing:-1px; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); } .rose:hover{ background-color: #B07FA0; } .black{ background-color: #000; background-image:url(buttonover2.png); color: #FFF; letter-spacing:-1px; text-shadow: 0 2px 1px rgba(0,0,0,0.2); } .black:hover{ background-color: #777; } .sand{ background-color: #FFF090; background-image:url(buttonover2.png); color: #fff; letter-spacing: 3px; text-shadow: 1px 0px 1px rgba(0,0,0,0.2); } .sand:hover{ background-color: #F0C07F; } .violet{ background-color: #9400D3; background-image:url(buttonover2.png); color: #777; font-family:”Arial Black”; text-shadow: 0px 1px 1px #fff; } .violet:hover{ background-color: #8A2BE2; } .green{ background-color: #32CD32; background-image:url(buttonover2.png); color: #fff; font-family:”Century Gothic”; text-transform:uppercase; font-style:italic; text-shadow: 1px 0px 1px rgba(0,0,0,0.2); } .green:hover{ background-color: #2F4F4F; } .darkblue{ background-color: #00008B; background-image:url(buttonover2.png); color: #fff; font-family:”Impact”; text-shadow: 1px 0px 1px rgba(0,0,0,0.2); } .darkblue:hover{ background-color: #191970; } .sunset{ background-color: #FF6347; background-image:url(buttonover2.png); color: #777; font-family:”Palatino Linotype”; text-transform:uppercase; text-shadow: 0px 1px 1px #fff; } .sunset:hover{ background-color: #FF7F50; } .choco{ background-color: #D2691E; background-image:url(buttonover2.png); color: #fff; font-family:”Gill Sans”; text-shadow: 1px 0px 1px rgba(0,0,0,0.2); } .choco:hover{ background-color: #D2B48C; } .cadet{ background-color: #5F9EA0; background-image:url(buttonover2.png); color: #fff; font-family: “Arial Narrow”; text-shadow: 1px 0px 1px rgba(0,0,0,0.2); } .cadet:hover{ background-color: #008080; } .aqua{ background-color: #00FFFF; background-image:url(buttonover2.png); color: #fff; font-family: “Tahoma”; text-shadow: 1px 1px 4px #000; } .aqua:hover{ background-color: #00FFCC; } </style> </head> <body style=”background-color:#888;”> <a href=”#” >Cool Shadow</a> <a href=”#” >Dark Engraved</a> <a href=”#” >Mystic Glow</a> <a href=”#” >Frozen White</a> <a href=”#” >Sexy Red</a> <a href=”#” >Heavenly Blue</a> <a href=”#” >Olive Outset</a> <a href=”#” >Juicy Orange</a> <a href=”#” >Lovely Pink</a> <a href=”#” >Deep Sea</a> <a href=”#” >Rose Vanity</a> <a href=”#” >Buttonize Gray</a> <a href=”#” >Dreamy Sand</a> <a href=”#” >Violent Violet</a> <a href=”#” >Grasshopper</a> <a href=”#” >Ocean Blue</a> <a href=”#” >Golden Sunset</a> <a href=”#” >Sweet Chocolate</a> <a href=”#” >Cadet Dreams</a> <a href=”#” >Aqua Love</a> </body> </html> [/code]<br /><input onclick="runEx('CodeText61738')" type="button" value="运行代码"/> <input onclick="doCopy('CodeText61738')" type="button" value="复制代码"/> <input onclick="saveCode('CodeText61738')" type="button" value="另存代码"/><br /> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div> </div> <p>欢迎大家阅读<span style='color:red;'>《<a href="https://www.gaodaima.com/go.html?url=http://www.gaodaima.com/tag/css" title="css" rel="nofollow" target="_blank">css</a>3制作的精美链接菜单效果_css》</span>,跪求各位点评,若觉得好的话请收藏本文，by <strong>搞代码</strong></p> <hr /><div class="open-message">搞代码网（<a href="www.gaodaima.com" target="_blank" title="gaodaima.com">gaodaima.com</a>）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱<a>chengxuyuan@gaodaima.com</a>，我们会在看到邮件的第一时间内为您处理，或直接联系<a>QQ：872152909</a>。本网站采用<a href="https://www.gaodaima.com/go.html?url=http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="nofollow" target="_blank" title="BY-NC-SA授权协议">BY-NC-SA</a>协议进行授权 <br >转载请注明原文链接：<a href="https://www.gaodaima.com/23439.html" target="_blank" title="css3制作的精美链接菜单效果_css">css3制作的精美链接菜单效果_css</a><a id="spreadAds" target="_blank" href="" onclick="spreadAds()"></a><a id="spreadAds2" target="_blank" href=""></a> </div> <div class="article-social"> <a href="javascript:;" data-action="ding" data-id="23439" id="Addlike" class="action"><i class="fa fa-heart-o"></i>喜欢 (<span class="count">0</span>)</a><span class="or"><style>.article-social .weixin:hover{background:#fff;}</style><a class="weixin" style="border-bottom:0px;font-size:15pt;cursor:pointer;">赏<div class="weixin-popover"><div class="popover bottom in"><div class="arrow"></div><div class="popover-title"><center>[搞代码]</center></div><div class="popover-content"><img width="200px" height="200px" src="http://www.gaodaima.com/wp-content/uploads/hai_AliPay.png" ></div></div></div></a></span><span class="action action-share bdsharebuttonbox"><i class="fa fa-share-alt"></i>分享 (<span class="bds_count" data-cmd="count" title="累计分享0次">0</span>)<div class="action-popover"><div class="popover top in"><div class="arrow"></div><div class="popover-content"><a href="#" class="sinaweibo fa fa-weibo" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_qzone fa fa-star" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="qq fa fa-qq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_renren fa fa-renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin fa fa-weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_more fa fa-ellipsis-h" data-cmd="more"></a></div></div></div></span></div> </article> <footer class="article-footer"> <div class="article-tags"><i class="fa fa-tags"></i><a href="https://www.gaodaima.com/tag/css" rel="tag">css</a><a href="https://www.gaodaima.com/tag/html" rel="tag">html</a></div></footer> <nav class="article-nav"><div class="_d13vl98i0pw"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6795176", container: "_d13vl98i0pw", async: true });</script> </nav><div id="donatecoffee" style="overflow:auto;display:none;"><img width="400" height="400" alt="支持作者一杯咖啡" src="http://www.gaodaima.com/wp-content/uploads/hai_AliPay.png"></div> <div class="related_top"> <div class="related_posts"><ul class="related_img"> <li class="related_box" > <a href="https://www.gaodaima.com/432144.html" title="Java中如何调用静态方法及非静态方法呢？" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/10.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="Java中如何调用静态方法及非静态方法呢？" /><br><span class="r_title">Java中如何调用静态方法及非静态方法呢？</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/432139.html" title="Java基础类型占用大小说明" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/10.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="Java基础类型占用大小说明" /><br><span class="r_title">Java基础类型占用大小说明</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/432069.html" title="入门：建立百度浏览器应用 -百度浏览器应用开发文档" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=/wp-content/uploads/images/gaodaima/com/hct/1110/u2dwagmxppa582738.png&h=110&w=185&q=90&zc=1&ct=1" alt="入门：建立百度浏览器应用 -百度浏览器应用开发文档" /><br><span class="r_title">入门：建立百度浏览器应用 -百度浏览器应用开发文档</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/432051.html" title="scrapy提取数据之：xpath选择器_Scrapy1.5中文文档_Scrapy 中文网" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=/wp-content/uploads/images/gaodaima/com/hct/1110/14twor0h15l072982.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="scrapy提取数据之：xpath选择器_Scrapy1.5中文文档_Scrapy 中文网" /><br><span class="r_title">scrapy提取数据之：xpath选择器_Scrapy1.5中文文档_Scrapy 中文网</span></a> </li> </ul><div class="relates"><div class="_mw9fz31sqco"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6795180", container: "_mw9fz31sqco", async: true });</script><ul><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431438.html">Flask框架如何使用HTML模板</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431362.html">django怎么加载html页面</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431346.html">django需要html吗</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431265.html">django如何用css</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431258.html">Django 模板中使用css, javascript</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431256.html">Django怎么加载HTML</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431212.html">django怎么创建css文件夹</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431179.html">django页面跳转HTML怎么写</a></li></ul></div></div> </div> <div id="comment-ad" class="banner banner-related"><div class="_9madbukio7r"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6677406", container: "_9madbukio7r", async: true });</script><!-- 多条广告如下脚本只需引入一次 --><script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script></div> <div id="respond" class="no_webshot"> <form action="https://www.gaodaima.com/asdloie8574asdqwexzxdqwertasdqwe.php" method="post" id="commentform"> <div class="comt-title"> <div class="comt-avatar pull-left"> <img src="https://cdn.v2ex.com/gravatar/?s=50" class="avatar avatar-108"> </div> <div class="comt-author pull-left"> 发表我的评论 </div> <a id="cancel-comment-reply-link" class="pull-right" href="javascript:;">取消评论</a> </div> <div class="comt"> <div class="comt-box"> <textarea placeholder="说点什么吧…" class="input-block-level comt-area" name="comment" id="comment" cols="100%" rows="3" tabindex="1" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};"> 提交评论 评论通知 表情 贴图 加粗 删除线 居中 斜体 签到 Hi，您需要填写昵称和邮箱！ 昵称昵称 (必填) 邮箱邮箱 (必填) 网址网址
以下是程序代码 以下是程序代码 以下是程序代码 以下是程序代码