幕布滑动降落结果可用于网站通告

发布时间：2018-08-21 08:55:05 所属栏目：运营来源：站长网

导读：常常看影戏吧？那你必定见过影戏的幕布下降，不外我们很难去做这样的工作，本文讲的就是操作 jQuery 实现的一个相同幕布降落的结果，缓冲滑动结果，猛火网交情提醒：本殊效您可以用于网站的顶部通告栏。可是条件必要加载JQuery.js。 !DOCTYPE html PUBLIC

　　常常看影戏吧？那你必定见过影戏的幕布下降，不外我们很难去做这样的工作，本文讲的就是操作jQuery实现的一个相同幕布降落的结果，缓冲滑动结果，猛火网交情提醒：本殊效您可以用于网站的顶部通告栏。可是条件必要加载JQuery.js。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title>幕布滑动下降结果可用于网站通告 - liehuo.net</title> <script type="text/javascript" src="http://www.veryhuo.com/uploads/Common/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn-slide").click(function(){ $("#panel").slideToggle("slow"); $(this).toggleClass("active"); return false; }); }); </script> <style type="text/css"> body { margin: 0 auto; padding: 0; width: 570px; font: 75%/120% Arial, Helvetica, sans-serif; } a:focus { outline: none; } #panel { background: #754c24; height: 200px; display: none; color:#FFF; padding:10px; } .slide { margin: 0; padding: 0; border-top: solid 4px #422410; background: url(http://www.veryhuo.com/uploads/allimg/091221/btn-slide.gif) no-repeat center top; } .btn-slide { background: url(http://www.veryhuo.com/uploads/allimg/091221/white-arrow.gif) no-repeat right -50px; text-align: center; width: 144px; height: 31px; padding: 10px 10px 0 0; margin: 0 auto; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } .active { background-position: right 12px; } </style> </head> <body> <div id="panel"> 通告：猛火网(liehuo.net)alexa排名即将打破3万<br /><br /> 猛火网(LieHuo.Net)动静以网页计划、WEB开拓、网站运营与互联网消息等为首要内容的猛火网，克日alexa天下排名三个月均匀值达3.4万，直冲3万以内，据网站统计数据表现，今朝猛火网整站全部频道IP总值最高日为4.2万，今朝猛火网已经被海内多家闻名的网址导航收录，在站长教程、网页开拓等方面突显，在业界小著名气。 <br /><br /> 文章源自：猛火网，原文：http://www.veryhuo.com/a/view/11037.html  </div> <p class="slide"><a href="#" class="btn-slide">本站通告</a></p> </body> </html> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

等等党又赢了，iPhone	450W高功耗卡皇名不虚
群联 PCIe 5.0 SSD一定	微星Modern 14 15笔记

幕布滑动降落结果 可用于网站通告

幕布滑动降落结果可用于网站通告