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

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

收藏 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打造经典鼠标触发显示选项

input文本框样式代码实例

div+css实现自适应宽度按钮

h1标签的使用技巧

base href 使用方法详解

html label标签的使用教程

使用CSS不用程序实现文字自动截断用省略号代替

CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法

网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容

CSS图片拼合生成器只需上传zip包即可

用iframe margin实现调用其他网页的某一区域的方法

网络赚钱

站长故事

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

input文本框样式代码实例

div+css实现自适应宽度按钮

h1标签的使用技巧

base href 使用方法详解

html label标签的使用教程

使用CSS不用程序实现文字自动截断 用省略号代替

CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法

网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容

CSS图片拼合生成器只需上传zip包即可

用iframe margin实现调用其他网页的某一区域的方法

网络赚钱

站长故事

使用CSS不用程序实现文字自动截断用省略号代替