Chair's blog
2017年4月25日 星期二
隱藏文字不換行
<!DOCTYPE html> <head> <meta charset="UTF-8"> <style type="text/css"> #jq-primaryNavigation { float: left; height:29px; white-space: nowrap; overflow: hidden; } #jq-primaryNavigation ul { float: left; padding: 0 .8em 2px; margin: 0; white-space: nowrap; overflow: hidden; } #jq-primaryNavigation li { float: left; list-style: none; margin: 0; background: none; padding: 0; } #jq-primaryNavigation li a { float: left; padding: 0 6px; line-height: 25px; font-size: 1.2em; color: #B0B0B0; text-decoration: none; margin-bottom: 2px; } #jq-primaryNavigation li a:hover { color: #fff; /*border-bottom: 2px solid #4082ae;*/ margin-bottom: 0; } #jq-primaryNavigation li.jq-link { border-left: 1px solid #0F1924; } </style> </head> <body> <div id="jq-primaryNavigation"> <ul id="tul"> <li class="jq-ui"><a href="#ep_K2" title="ep_K2" onclick="onHashchange('ep_K2')">電子表單</a></li> <li class="jq-link"><a href="#personal" title="personal" onclick="onHashchange('personal')">個人檔案</a></li> <li class="jq-ui"><a href="#diary" title="diary" onclick="onHashchange('diary');">日誌</a></li> </ul> <span style="background:#000000;float:right" onclick="menu_oc(this)">◄</span> </div> </body> </html> <script type="text/javascript"> function $(objid){ return document.getElementById(objid); } function menu_oc(obj){ if(obj.innerHTML=='◄'){ $('jq-primaryNavigation').style.width='50px'; $('tul').style.width='0px'; obj.innerHTML='►'; }else{ $('jq-primaryNavigation').style.width=''; $('tul').style.width=''; obj.innerHTML='◄'; } } </script>
沒有留言:
張貼留言
較新的文章
較舊的文章
首頁
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言