超強推薦CSS打造經典鼠標觸發顯示選項

2020-10-23 18:39:39

字體：大中小

來源：轉載

供稿：網友

<!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=utf-8" /> <meta http-equiv="Content-Language" content="zh-CN" /> <title>css打造鼠標觸發效果</title> <style type="text/css">  </style> <script type="text/javascript"> <![CDATA[//> <!]]> </script> </head> <body> <div   id="iwvjtn8m0"   class="kw_from"> <form action="/search.html" method="get" name="searchForm" id="searchForm" onsubmit="return check()"> <ul id="searchNav"> <li id="conter1"><h2>找什么</h2> <input id="jobKw" name="jobKw" type="text" /> <ul id="conter3"> <li>會計 </li> <li>網頁設計</li> <li>翻譯</li> <li>家教</li>  <li><span id="iwvjtn8m0"    class="moreCity">更多>> </span></li> </ul> </li> <li id="conter2"><h2>在那里</h2> <input id="cityKw" name="cityKw" type="text" /> <ul id="conter4"> <li>北京 </li> <li>上海</li> <li>廣州</li> <li>深圳</li> <li>南京</li> <li>天津</li> <li>杭州</li> <li>成都</li> <li>重慶</li> <li>武漢</li> <li>西安</li> <li>沈陽</li> <li><span id="iwvjtn8m0"    class="moreCity">更多城市>></span></li> </ul> </li> </ul>  <div   id="iwvjtn8m0"   class="sbtn"> <input name="submit" type="submit" class="btn4" style="margin:0px 15px 2px 0;" value="搜索工作" /> </div> <div   id="iwvjtn8m0"   class="searchMore"> 高級搜索分類搜索 </div> </form>  </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執行]

上一篇：CSS網頁布局入門教程1：一列固定寬度

下一篇：無js5款純div+css制作的彈出菜單標準