CSS制作很漂亮的文字滑動效果,請查看運行代碼演示!
<!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=gb2312" /><title>建站學院-liehuo.net</title></head><style type="text/css"><!--body,div,ul,li,p,h1,h2{ margin:0; padding:0; border:0; background:#FAFAFA; font-family:Arial, Helvetica, sans-serif,"宋體"}body{ text-align:center; font-size:12px}li{ list-style:none}.rolinList{ width:402px; height:auto; margin:20px auto 0 auto; text-align:left}.rolinList li{margin-bottom:1px;border:1px solid #DADADA}.rolinList li h2{ width:380px; height:40px; background:#fff; font-size:14px; line-height:40px; padding-left:20px; color:#333; cursor:pointer}.content{ height:150px;width:400px; background:#fff; background:#FAFAFA}.content p{ margin:12px}--></style><script type="text/javascript">//<![CDATA[window.onload = function() {rolinTab("rolin")}function rolinTab(obj) {var list = $(obj).getElementsByTagName("LI");var state = {show:false,hidden:false,showObj:false};for (var i=0; i<list.length; i++) {var tmp = new rolinItem(list[i],state);if (i == 0) tmp.pShow();}}function rolinItem(obj,state) {var speed = 0.0666;var range = 1;var interval;var tarH;var tar = this;var head = getFirstChild(obj);var content = getNextChild(head);var isOpen = false;this.pHidden = function() {if (isOpen) hidden();}this.pShow = show;var baseH = content.offsetHeight;content.style.display = "none";var isOpen = false;head.onmouseover = function() {this.style.background = "#EFEFEF";}head.onmouseout = mouseout;head.onclick = function() {this.style.background = "#EFEFEF";if (!state.show && !state.hidden) {if (!isOpen) {head.onmouseout = null;show();} else {hidden();}}}function mouseout() {this.style.background = "#FFF"}function show() {head.style.borderBottom = "1px solid #DADADA";state.show = true;if (state.openObj && state.openObj != tar ) {state.openObj.pHidden();}content.style.height = "0px";content.style.display = "block";content.style.overflow = "hidden";state.openObj = tar;tarH = baseH;interval = setInterval(move,10);}function showS() {isOpen = true;state.show = false;}function hidden() {state.hidden = true;tarH = 0;interval = setInterval(move,10);}function hiddenS() {head.style.borderBottom = "none";head.onmouseout = mouseout;head.onmouseout();content.style.display = "none";isOpen = false;state.hidden = false;}function move() {var dist = (tarH - content.style.height.pxToNum())*speed;if (Math.abs(dist) < 1) dist = dist > 0 ? 1: -1;content.style.height = (content.style.height.pxToNum() + dist) + "px";if (Math.abs(content.style.height.pxToNum() - tarH) <= range ) {clearInterval(interval);content.style.height = tarH + "px";if (tarH != 0) {showS()} else {hiddenS();}}}}var $ = function($) {return document.getElementById($)};String.prototype.pxToNum = function() {return Number(this.replace("px",""))}function getFirstChild(obj) {var result = obj.firstChild;while (!result.tagName) {result = result.nextSibling;}return result;}function getNextChild(obj) {var result = obj.nextSibling;while (!result.tagName) {result = result.nextSibling;}return result;}//]]></script><body><ul class="rolinList" id="rolin"><li><h2>花郎徒結</h2><div class="content"><p>當時明月在,曾照彩云歸<br /><br />倦了紅顏，憔悴為千年，幾多情深夜語，一點聽風悠然。<br />村憶夢回，飄逸如煙，友別憐影單。<br />而今沙漠風閑，雪原清冷，東海云淡，石谷誰惜緣。<br />累了心間，問也還煩，都道風沙淘盡，何日再慰別緣！ </p></div></li><li><h2>帝王槌</h2><div class="content"><p>立劍賞月意惆悵,袖飾刀,衣披霜,傲視霧丸,徒手戰扶桑.<br />問津終尋帝王陵,黑影沒,尸滿崗,惟見逆鯪露寒光. <br />須發蒼,氣軒昂,三尺銀狼,破風動八方. <br />依身緊握噬魂槍,飲虎血,豪萬丈.惟有千年我故鄉!</p></div></li><li><h2>玉女槍法</h2><div class="content"><p>曾經有個夢想：馳騁江湖，快意恩仇。<br />曾經有份愿望：千里追兇，十步濺血。<br />曾經有腔豪情：奇功蓋世，名冠武林。<br />曾經有種期盼：燭影搖紅，衣袖添香。</p></div></li><li><h2>黑沙剛體</h2><div class="content"><p>趙客縵胡纓，吳鉤霜雪明。銀鞍照白馬，颯沓如流星。 <br />十步殺一人，千里不留行。事了拂衣去，深藏身與名。 <br />閑過信陵飲，脫劍膝前橫。將炙啖朱亥，持觴勸侯嬴。 <br />三杯吐然諾，五岳倒為輕。眼花耳熱后，意氣素霓生。 <br />救趙揮金錘，邯鄲先震驚。千秋二壯士， <div style=" height:300px; width:600px; margin:0 auto; text-align:center; font: bold 14px/20px;"> 生活不易，碼農辛苦<br> 如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈<br> <img src="http://www.jyygyx.com/skin/images/weixin.png" height="200px" width="200px" alt="程序員人生"> </div> </div> <!--上下篇開始--> <div id="mwsqua40mo" class="boxoff"> <strong>------分隔線----------------------------</strong> </div> <div id="mwsqua40mo" class="news_up"> <div id="mwsqua40mo" class="l"> <p><b>上一篇</b> <a href="sqlserver/6612.html" >數據庫旁顯示單一用戶問題</a> </p> <p><b>下一篇</b> <a href="seo/6614.html">是什么原因讓我在十秒,離開的你網站</a> </p> </div> <div id="mwsqua40mo" class="r"> <div id="mwsqua40mo" class="fxd">分享到:</div> <div data-bd-bind="1451183468798" class="bdsharebuttonbox bdshare-button-style0-32"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空間"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣網"></a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度貼吧"></a></div> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{},"image":{"viewList":["weixin","qzone","tsina","douban","tieba"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","qzone","tsina","douban","tieba"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </div> </div> <div id="mwsqua40mo" class="boxoff"> <strong>------分隔線----------------------------</strong> </div> <!--上下篇開始結束--> <script type="text/javascript"> var cpro_id="u2646824"; (window["cproStyleApi"] = window["cproStyleApi"] || {})[cpro_id]={at:"3",rsi0:"680",rsi1:"450",pat:"6",tn:"baiduCustNativeAD",rss1:"#FFFFFF",conBW:"1",adp:"1",ptt:"0",titFF:"%E5%BE%AE%E8%BD%AF%E9%9B%85%E9%BB%91",titFS:"14",rss2:"#000000",titSU:"0",ptbg:"90",piw:"0",pih:"0",ptp:"0"} </script> <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script> </div> <script> //右側凍結 window.onload=function(){ var navFixed=document.getElementById('r_top'); var navscroll=navFixed.offsetTop; window.onscroll=function(){ var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; if(scrollTop>navscroll){ navFixed.style.position='fixed'; navFixed.style.top='0'; }else{ navFixed.style.position=''; navFixed.style.top=''; } } }; </script> <div id="mwsqua40mo" class="content_r" > <div id="mwsqua40mo" class="content_r" id="r_top"> <div id="mwsqua40mo" class="right_member_info"> <div id="mwsqua40mo" class="right_member_info_con"> <div id="mwsqua40mo" class="right_member_img left"><img src="upload/images/2016/01/21/20160156a0e5e4a18bb.jpg" alt="為碼而活"/></div> <div id="mwsqua40mo" class="right_member_j left"> <div id="mwsqua40mo" class="m_nic"><div id="mwsqua40mo" class="user_level lv2"></div><a href="http://www.jyygyx.com/home/1/" target="_blank">為碼而活</a></div> <div id="mwsqua40mo" class="m_jifen" left>積分：<span id="mwsqua40mo" class="red">4237</span></div> </div> </div> <div id="mwsqua40mo" class="right_member_guanzhu" id="guanzhu"> <a class="user_guanzhu" href="javascript:void(0);" onclick="add_follow(1)"></a> </div> <div id="mwsqua40mo" class="m_fs"> <div id="mwsqua40mo" class="m_ifans"><span>15</span>粉絲</div> <div id="mwsqua40mo" class="m_guanzhu"><span>7</span>關注</div> </div> </div> <div id="mwsqua40mo" class="nav10"></div> <div id="mwsqua40mo" class="content_right_title"> <div id="mwsqua40mo" class="left">欄目熱點</div> </div> <div id="mwsqua40mo" class="list_text"> <ul> <li><a target="_blank" href="htmlcss/21368.html">前端開發規范之jQuery編碼規范</a></li> <li><a target="_blank" href="htmlcss/21846.html">JS傳漢字給aspx或者ashx</a></li> <li><a target="_blank" href="htmlcss/24802.html">多個ec:table無法正常點擊列進行排序，提示uncaught typeerror</a></li> <li><a target="_blank" href="htmlcss/9332.html">學習HTML5的10個頂級資源</a></li> <li><a target="_blank" href="htmlcss/9765.html">菜鳥必看：CSS新手整理的CSS技巧</a></li> <li><a target="_blank" href="htmlcss/21007.html">javascript函數</a></li> <li><a target="_blank" href="htmlcss/6741.html">CSS網頁代碼編寫技巧-隔行換色的實現</a></li> <li><a target="_blank" href="htmlcss/7806.html">學習-CSS網頁制作實用技巧九則</a></li> </ul> </div> <div id="mwsqua40mo" class="nav10"></div> <script type="text/javascript"> /*300*250 創建于 2016-05-21*/ var cpro_id = "u2646840"; </script> <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script> </div> </div> </div> <div id="mwsqua40mo" class="nav10"></div> <div id="mwsqua40mo" class="footer"> <div id="mwsqua40mo" class="content"> <p>程序員人生，我編程，我富裕，記住wfuyu網，php教程，php學習，php手冊，CMS模版制作</p> <p>聲明：本站大部分內容是作者原創，少部分收集于互聯網供大家一起學習，原版權很多不明，如有侵權請聯系本站，謝謝！</p> <p> <a rel="nofollow" target="_blank">粵ICP備14040726號-1</a>?? 2015-2020 程序員人生 版權所有 <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_4714809'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/stat.php%3Fid%3D4714809' type='text/javascript'%3E%3C/script%3E"));</script> </p> <div id="mwsqua40mo" class="foot_img"> <a rel="nofollow" target="_blank" ><img src="skin/images/d1.png" height="30" width="83"></a> <a rel="nofollow" target="_blank"> <img src="skin/images/d2.png" title="平平安安" alt="平平安安" border="0" height="46" width="53"> </a> <a rel="nofollow" target="_blank"> <img title="備案網站" alt="備案網站" src="skin/images/d3.png" border="0" height="40" width="130"> </a> <a rel="nofollow" target="_blank" ><img src="skin/images/d4.png" height="30" width="83"></a> </div> </div> </div> <div class="mwsqua40mo" id="foot_layer"> <div class="mwsqua40mo" id="f_close"><img src="skin/images/close.png" alt="關閉"></div> <a target="_blank"><img src="upload/setting/2018115bebe907746cb.jpg" alt="程序員人生"></a> </div> <script>window.onload = function (){ prettyPrint(); }</script> <script> //點擊左側的隱藏 jQuery('#f_close').click(function(){ jQuery('#foot_layer').hide(); }); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <div style="display:none"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?ed7230f8c72727a826446d68d2709248"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.jyygyx.com/" title="日本搞逼视频|黄色一级片免费在线观看|色99久久|性明星video另类hd|欧美77|综合在线视频">日本搞逼视频|黄色一级片免费在线观看|色99久久|性明星video另类hd|欧美77|综合在线视频</a> <div class="friend-links"> </div> </div> </footer> 主站蜘蛛池模板： <a href="http://www.114ch.cn" target="_blank">2020国产精品 </a>| <a href="http://www.wxwa.cn" target="_blank">国产精品嫩草在线 </a>| <a href="http://www.maisonoliko.com" target="_blank">亚洲精品在线电影 </a>| <a href="http://www.zxxgky.com" target="_blank">成人黄色电影在线观看 </a>| <a href="http://www.88ad.cn" target="_blank">久热国产精品视频一区二区三区 </a>| <a href="http://www.karmor.cn" target="_blank">热久久久久 </a>| <a href="http://www.rghome.cn" target="_blank">caopeng在线 </a>| <a href="http://www.wxztkygs.cn" target="_blank">国产精品v亚洲精品v日韩精品 </a>| <a href="http://www.dypjx.cn" target="_blank">久久久精品999 </a>| <a href="http://www.jessycake.com" target="_blank">国产精品成人国产乱一区 </a>| <a href="http://www.222nf.cn" target="_blank">狠狠综合久久av一区二区老牛 </a>| <a href="http://www.200442.cn" target="_blank">欧美激情亚洲激情 </a>| <a href="http://www.51yingxiao8.cn" target="_blank">高清国产一区二区 </a>| <a href="http://www.shanghaimi.cn" target="_blank">日韩视频久久 </a>| <a href="http://www.zgwlyx.cn" target="_blank">久久国产高清 </a>| <a href="http://www.xjaihua.cn" target="_blank">日韩av在线高清 </a>| <a href="http://www.adannar.com" target="_blank">欧美日韩免费在线视频 </a>| <a href="http://www.kikbranding.com" target="_blank">在线免费av观看 </a>| <a href="http://www.logeng.cn" target="_blank">日本视频在线播放 </a>| <a href="http://www.lishixue8.com" target="_blank">欧美一级黄色录像 </a>| <a href="http://www.tpljf.com" target="_blank">亚洲色图第一页 </a>| <a href="http://www.520133.cn" target="_blank">一级性</a>| <a href="http://www.dmzxujo.cn" target="_blank">在线视频精品一区 </a>| <a href="http://www.sneakerssup.com" target="_blank">国产欧美大片 </a>| <a href="http://www.mogengyun.cn" target="_blank">久热这里只有精品6 </a>| <a href="http://www.8887116.com" target="_blank">亚洲一级在线 </a>| <a href="http://www.qjpub.cn" target="_blank">91亚洲国产成人久久精品网站 </a>| <a href="http://www.4jiq.cn" target="_blank">成人久久精品 </a>| <a href="http://www.jssfgl.cn" target="_blank">欧美成人免费电影 </a>| <a href="http://www.60vip.cn" target="_blank">欧美成人网视频 </a>| <a href="http://www.lovescore.cn" target="_blank">亚洲第一网站 </a>| <a href="http://www.0816bdc.cn" target="_blank">性色av一区 </a>| <a href="http://www.222nf.cn" target="_blank">视频一区在线 </a>| <a href="http://www.modgame.cn" target="_blank">久久亚洲欧美 </a>| <a href="http://www.csbbn.com" target="_blank">国产乱码精品1区2区3区 </a>| <a href="http://www.selftaughtjs.com" target="_blank">日韩精品在线免费观看 </a>| <a href="http://www.mdouyin.com" target="_blank">69av在线视频</a>| <a href="http://www.tzsybx.cn" target="_blank">亚洲成人一区二区 </a>| <a href="http://www.4theday.cn" target="_blank">日韩在线国产精品 </a>| <a href="http://www.zgsouq.com" target="_blank">麻豆国产一区二区三区四区 </a>| <a href="http://www.boeufmusque.com" target="_blank">美女久久久</a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="vlfpt" class="pl_css_ganrao" style="display: none;"><ruby id="vlfpt"></ruby><u id="vlfpt"></u><rp id="vlfpt"></rp><strike id="vlfpt"></strike><strong id="vlfpt"></strong><p id="vlfpt"></p><div id="vlfpt"></div><label id="vlfpt"></label><u id="vlfpt"></u><u id="vlfpt"></u><small id="vlfpt"></small><th id="vlfpt"></th><b id="vlfpt"></b><p id="vlfpt"></p><dl id="vlfpt"></dl><strong id="vlfpt"></strong><small id="vlfpt"></small><u id="vlfpt"></u><strong id="vlfpt"></strong><form id="vlfpt"></form><small id="vlfpt"></small><meter id="vlfpt"></meter><em id="vlfpt"></em><dfn id="vlfpt"></dfn><form id="vlfpt"></form><mark id="vlfpt"></mark><strong id="vlfpt"></strong><form id="vlfpt"></form><font id="vlfpt"></font><strong id="vlfpt"></strong><div id="vlfpt"></div><label id="vlfpt"></label><th id="vlfpt"></th><div id="vlfpt"></div><legend id="vlfpt"></legend><b id="vlfpt"></b><address id="vlfpt"></address><style id="vlfpt"></style><ruby id="vlfpt"></ruby><ol id="vlfpt"></ol><form id="vlfpt"></form><style id="vlfpt"></style><small id="vlfpt"></small><i id="vlfpt"></i><dl id="vlfpt"></dl><p id="vlfpt"></p><ins id="vlfpt"></ins><div id="vlfpt"></div><mark id="vlfpt"></mark><em id="vlfpt"></em><pre id="vlfpt"></pre><span id="vlfpt"></span><th id="vlfpt"></th><label id="vlfpt"></label><label id="vlfpt"></label><i id="vlfpt"></i><small id="vlfpt"></small><sub id="vlfpt"></sub><ins id="vlfpt"></ins><dfn id="vlfpt"></dfn><strong id="vlfpt"></strong><u id="vlfpt"></u><ruby id="vlfpt"></ruby><label id="vlfpt"></label><dfn id="vlfpt"></dfn><strike id="vlfpt"></strike><b id="vlfpt"></b><sub id="vlfpt"></sub><ins id="vlfpt"></ins><b id="vlfpt"></b><address id="vlfpt"></address><strike id="vlfpt"></strike><strong id="vlfpt"></strong><em id="vlfpt"></em><ol id="vlfpt"></ol><address id="vlfpt"></address><rp id="vlfpt"></rp><u id="vlfpt"></u><span id="vlfpt"></span><i id="vlfpt"></i><progress id="vlfpt"></progress><th id="vlfpt"></th><pre id="vlfpt"></pre><strong id="vlfpt"></strong><strong id="vlfpt"></strong><label id="vlfpt"></label><progress id="vlfpt"></progress><label id="vlfpt"></label><div id="vlfpt"></div><dfn id="vlfpt"></dfn><form id="vlfpt"></form><ruby id="vlfpt"></ruby><small id="vlfpt"></small><track id="vlfpt"></track><progress id="vlfpt"></progress><strong id="vlfpt"></strong><dl id="vlfpt"></dl><mark id="vlfpt"></mark><ruby id="vlfpt"></ruby><label id="vlfpt"></label><sub id="vlfpt"></sub><p id="vlfpt"></p><sub id="vlfpt"></sub><sub id="vlfpt"></sub><rp id="vlfpt"></rp><strong id="vlfpt"></strong><u id="vlfpt"></u><progress id="vlfpt"></progress><label id="vlfpt"></label><label id="vlfpt"></label><listing id="vlfpt"></listing><ol id="vlfpt"></ol><sub id="vlfpt"></sub><dl id="vlfpt"></dl><em id="vlfpt"></em><div id="vlfpt"></div><em id="vlfpt"></em><track id="vlfpt"></track><dl id="vlfpt"></dl><i id="vlfpt"></i><strike id="vlfpt"></strike><ruby id="vlfpt"></ruby><progress id="vlfpt"></progress><th id="vlfpt"></th><listing id="vlfpt"></listing><sub id="vlfpt"></sub><strong id="vlfpt"></strong><em id="vlfpt"></em><legend id="vlfpt"></legend><em id="vlfpt"></em><label id="vlfpt"></label><dfn id="vlfpt"></dfn><small id="vlfpt"></small><font id="vlfpt"></font><rp id="vlfpt"></rp><u id="vlfpt"></u><strong id="vlfpt"></strong><b id="vlfpt"></b><style id="vlfpt"></style><sub id="vlfpt"></sub><em id="vlfpt"></em><progress id="vlfpt"></progress><em id="vlfpt"></em><small id="vlfpt"></small><em id="vlfpt"></em><sub id="vlfpt"></sub><sub id="vlfpt"></sub><th id="vlfpt"></th><label id="vlfpt"></label><span id="vlfpt"></span></div> </html>
