推荐css打造经典鼠标触发显示选项

看到了 分享：绝对经典的滑轮新闻显示(javascript+css) 这个帖子，都是css+js的控制经典，其实单css就可以搞定了，只不过是为了兼容那垃圾的 ie 才不得做个js ，
以下的代码如果去掉js部分地话，在opear和firrfox都能正常的，但是ie下就不行了。
大家有兴趣的可以测试一下。也希望能帮到有需要的人。

<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="[e-mail],huanghai,www.hppd.cn 友情制作"> <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> <div 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><span 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><span class="morecity"></span></li> </ul> </li> </ul> <div class="sbtn"> <input name="submit" type="submit" class="btn4" style="margin:0px 15px 2px 0;" value="搜索工作"> </div> </form> </div>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]