<pre id="r0lrk"><var id="r0lrk"><tbody id="r0lrk"></tbody></var></pre>_{<rt id="r0lrk"></rt>}

推薦css打造經典鼠標觸發顯示選項

2020-10-23 18:41:26

字體：大中小

來源：轉載

供稿：網友

看到了分享：絕對經典的滑輪新聞顯示(javascript+css) 這個帖子，都是css+js的控制經典，其實單css就可以搞定了，只不過是為了兼容那垃圾的 IE 才不得做個js ，
以下的代碼如果去掉js部分地話，在Opear和Firrfox都能正常的，但是IE下就不行了。
大家有興趣的可以測試一下。也希望能幫到有需要的人。

<!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> <meta content="all" name="robots" />  <meta name="author" content="http://www.survivalescaperooms.com/"/> <meta name="copyright" content="hppd" /> <meta name="description" content="hppd,prettydog,honeypig,web設計,交互設計,prettydog" /> <meta name="keywords" content="f2blog,phpblog,blog,php,xhtml,css,design,w3c,w3,w3cn,hppd,prettydog,honeypig,web設計,交互設計,prettydog" /> <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">更多&gt;&gt; </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">更多城市&gt;&gt;</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需再刷新一下頁面才能執行]

上一篇：div+css中Class與ID的區別

下一篇：dl,dt,dd制作的CSS垂直菜單