超强推荐CSS打造经典鼠标触发显示选项

所属分类：网络编程 / CSS/HTML 阅读数： 1262

收藏 0赞 0分享

<!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>   </head> <body> <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><a href="#">会计</a> </li> <li><a href="#">网页设计</a></li> <li><a href="#">翻译</a></li> <li><a href="#">家教</a></li>  <li><span class="moreCity"><a href="#">更多>> </a></span></li> </ul> </li> <li id="conter2"><h2>在那里</h2> <input id="cityKw" name="cityKw" type="text" /> <ul id="conter4"> <li><a href="#">北京</a> </li> <li><a href="#">上海</a></li> <li><a href="#">广州</a></li> <li><a href="#">深圳</a></li> <li><a href="#">南京</a></li> <li><a href="#">天津</a></li> <li><a href="#">杭州</a></li> <li><a href="#">成都</a></li> <li><a href="#">重庆</a></li> <li><a href="#">武汉</a></li> <li><a href="#">西安</a></li> <li><a href="#">沈阳</a></li> <li><span class="moreCity"><a href="#">更多城市>></a></span></li> </ul> </li> </ul>  <div class="sbtn"> <input name="submit" type="submit" class="btn4" style="margin:0px 15px 2px 0;" value="搜索工作" /> </div> <div class="searchMore"> <a href="search_expert.html">高级搜索</a><a href="search_sort.html">分类搜索</a> </div> </form>  </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

超强推荐CSS打造经典鼠标触发显示选项

CHM集锦(CHM)

IE与FireFox的兼容性问题

DIV 居中的绝好解决方法

解决 select 挡住div的解决方法

网站首页head区代码规范

动态更改网页HTML元素(对象)内容

如何处理多国语言

Firefox CSS私有属性备忘记录

CSS兼容要点分析

css静态滤镜 + A:Hover

网络赚钱

站长故事