新鲜人BLOG-CSS打造经典鼠标触发显示选项

2007-9-8

CSS打造经典鼠标触发显示选项

Posted by: gunman In: 实用代码

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

演示地址：http://www.htmlit.com.cn/jscx/CSS打造经典鼠标触发显示选项.htm

看到了 CSS+JS打造绝对经典的滑轮新闻显示特效这个特效，都是css+js的控制经典，其实单css就可以搞定了，只不过是为了兼容那垃圾的 IE 才不得做个js ，以下的代码如果去掉js部分地话，在Opear和Firrfox都能正常的，但是IE下就不行了。

大家有兴趣的可以测试一下。也希望能帮到有需要的人。

Tags: 实用代码

新鲜人BLOG

CSS打造经典鼠标触发显示选项

1 Responses to "CSS打造经典鼠标触发显示选项"

Comment Form

Categories

Archives

Misc

links

网站收藏

Search

Previous

Flickr PhotoStream

About

最新评论