03 2011 档案
摘要:代码简介:很漂亮的深蓝色渐变的CSS下拉菜单,用到有两个修饰图片,预览效果请保存一下。这是纯CSS实现的,完全符合WEB标准,兼容所有IE浏览器,代码中有针对IE6的代码,已注释掉了,如果不需要可以删去。代码内容:<!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/xh
阅读全文
摘要:代码简介:又一个漂亮的纯CSS实现的下拉导航菜单,横向布局,适合作网站导航条,银色渐变色,鼠标放上更换菜单背景,用户体验极好,而且兼容性好,特别是对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
阅读全文
摘要:代码简介:当前项为缺口横向纯CSS菜单,也就是鼠标放上后菜单出现缺口,可以清淅的指示出当前的位置,而且用户操作体验也不错,个人比较喜欢这种风格,没有用到图片什么的修饰性东西,因些实用性大大增强。代码内容:<!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&q
阅读全文
摘要:代码简介:浅绿色很多网站都有的简洁CSS栏目导航条,响应鼠标变色,兼容大多WEB浏览器,看着也很舒服,直接复制就可用。代码内容:<!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-equi
阅读全文
摘要:代码简介:视觉挺舒服的一款小巧的网站导航条,代码就像它的外形一样简单,修改超方便,兼容性好,鼠标滑过变色,配色极合理,确实很不错哟,而且完全是纯CSS代码实现。代码内容:<!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&
阅读全文
摘要:代码简介:一款灰色的CSS菜单,纯CSS代码实现,兼容IE6/IE7,默认是在IE7下,IE6的CSS代码被注释掉了,如有需要可以去掉注释。两个背景图片运行时可另存为,菜单比较简洁,不喜欢花俏的朋友可以参考一下。代码内容:<!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/199
阅读全文
摘要:代码简介:CSS实现的下拉菜单,非常简洁简洁实用,美观大方,导航菜单没有必要搞那么复杂,只要让用户很方便的找到想要的内容就可以了,可以试下这一款。代码内容:<!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><
阅读全文
摘要:代码简介:一款比较经典的CSS二级下拉导航菜单,初始颜色是灰色,如果不能让你满意,那你可以自己慢慢修改完善。兼容目前大部分浏览器,鼠标滑过变色,菜单项目无限制扩展,有多少显多少,每个菜单下可以支持子分类,很实用。代码内容:<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>经典灰色CSS二级下拉菜单代码_网页代码站(www.webdm.cn)</title><style type=&quo
阅读全文
摘要:代码简介:纯CSS圆角导航条,博客里常见到这东西,很不错,色彩稳重,风格很耐看!这是用纯CSS实现的,因些兼容性比较好,而且圆角的实现方法也很独特,代码很少,如果认真研究一下,你也可以写出更多的圆角效果。代码内容:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE>来自一个博客里的竖向CSS圆角导航菜单代码_网页代码站(www.webdm.cn)</TITLE> <style type="
阅读全文
摘要:代码简介:仿Windows系统的右键菜单,在网页上点击右键就会出现一个菜单,从而代替了网页原来的菜单,让你的网页更个性一点,还是很不错的哦!代码内容:<!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><met
阅读全文
摘要:代码简介:全国最新的盛市、县三级无刷新下拉选择菜单,技术上来说没有什么新奇的了,只是本菜单内的省市县信息是最新的,你可以直接将其保存为一个JS文件,随时调用即可,无需数据库支持,因些执行速度比较快。代码内容:<html><head><title>中国省市县三级联动菜单代码_网页代码站(www.webdm.cn)</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style>body,
阅读全文
摘要:代码简介:酷似Windows的仿FLASH多级下拉菜单,动画展开菜单项,还有淡入淡出效果,很不错吧!不过缺点是完全依靠JS,不能由程序动态控制输出,不过也不一定,看你水平有多高啦!代码内容:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>仿FLASH类似Windows的多级下拉菜单代码_网页代码站(www.webdm.cn)</title></head><
阅读全文
摘要:代码简介:红白相间搭配的一款纯CSS菜单代码,来自国外网站,因此兼容性非常好,用到有背景图片,运行的时候自行保存一下。代码内容:<!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><title>橘黄色的大
阅读全文
摘要:代码简介:这款形式的菜单对于站长来说再熟悉不过了,说不定我们每天都会见到它,而且也在使用它,我们都知道后台左侧的Js菜单,一般都是可多级展开的,就像这款菜单一样,简洁美观,如果你是一位网站程序开发者的话,完全可以可以用这款菜单作为你的后台管理控制菜单。代码内容:<html><head><titile>Flash效果的网站后台左侧Js多级展开菜单代码_网页代码站(www.webdm.cn)</title><meta http-equiv="Content-Type" content="text/html; cha
阅读全文
摘要:代码简介:效果很不错的导航菜单,可用鼠标拖动位置,支持多级菜单分类,带动画效果的展开与关闭,JS+、CSS、Table三者结合共同打造,对CSS或JS不太懂的朋友也可以很轻易修改菜单,想信很多朋友会喜欢。代码内容:<html><head><title>可拖动带动画的滑出式展开菜单代码(Js+Css实现)_网页代码站(www.webdm.cn)</title></head><style>body,td,a {font-size:9pt;color:black;text-decoration:none}.normal {pad
阅读全文
摘要:代码简介:一款动感十足的仿FLASH菜单,当鼠标滑过菜单某一项的时候,该项会自动变大,其它菜单则减小,如果鼠标滑过的速度很快,那这款菜单就会出现操作感极强的菜单效果,不明白的可运行一下代码便知。代码内容:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>仿FLASH动感十足鼠标滑过放大的菜单代码_网页代码站(www.webdm.cn)<
阅读全文
摘要:代码简介:动画效果慢慢放大的菜单,菜单依次由小变大,像FLASH动画一样,效果很流畅,只不过代码稍嫌多,可以学习一下JS的用法。代码内容:<html><head><title>JS动画效果文字慢慢放大的菜单代码_网页代码站(www.webdm.cn)</title><SCRIPT language=JavaScript FPTYPE="dynamicanimation"><!-- dynamicanimAttr = "dynamicanimation" animateElements =
阅读全文
摘要:代码简介:一款比较简洁的CSS菜单导航,带有注释,若搞不懂这种菜单的话,相信你通过本款代码的一步步分解肯定就会明白了,虽说样式不怎么美观,但实质内容已经有了,美化要看你的色感了。代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
阅读全文
摘要:代码简介:在一些企业网站里经常能见到这种横向简洁的CSS菜单,完全基于CSS+DIV技术实现,符合WEB标准,而且代码也不多,容易理解和修改,新手就当学习一下吧代码内容:<!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&
阅读全文
摘要:代码简介:仿163的一款TAB选项卡,有的人也称它为网页标签。本标签用到了三个gif背景图片,运行的时候可以点右键保存;无意发现了一这一个,觉得很不错应该奉献给大家,因为它不但美观,而且兼容性好,标签还可以自适应宽度,非常实用。代码内容:<!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
阅读全文
摘要:代码简介:强烈推荐一款CSS导航菜单,用到政府学校类网站上超级不错,有点类似站长网菜单的味道,只不过颜色不一样而已,这种菜单还不是真正意义上的“下拉”菜单,应该叫滑出菜单吧?反正比较不错,不多说了。代码内容:<!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
阅读全文
摘要:代码简介:来自老外网站的一款纯CSS下拉导航菜单,非常漂亮,操作感很舒适,用到了3张背景图片,将菜单修饰为了圆形,看效果时请自行下载。本下拉菜单支持两级,可以用到网站首页或全站导航。代码内容:<!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"&g
阅读全文
摘要:代码简介:一款别致、漂亮、操作形式新颖的下拉菜单,一般的下拉菜单都是在鼠标滑过的时候出现菜单,这一款则是在点击后才激活下拉菜单,个人感觉这种比滑动的更方便于用户,让用户随心所欲的操作,这是最重要的。代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:l
阅读全文
摘要:代码简介:一款青灰色导航菜单,很大气,鼠标滑过后更换菜单背景图,本菜单用到四张背景图,请在查看演示的时候点击鼠标右键自行下载图片,这款菜单兼容性比较好,IE6、IE7、IE8、火狐下都表现不错,希望这就是你想要的哦!代码内容:<!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/1
阅读全文
摘要:代码简介:停靠在浏览器左侧的DIV+CSS隐藏菜单,鼠标放上后自动展开,移走鼠标自动隐藏,这也是一个比较常见的CSS特效,完全CSS代码实现,没有的掺杂任何JS代码,可以用到你网站的网站导航方面 ,因此更值得推荐了。代码内容:<!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/1
阅读全文
摘要:代码简介:很漂亮、很常用的后台管理菜单,扩展性很好,可以随意扩充菜单单元,专用于网站后台左侧的管理菜单。代码内容:<!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><title>拿来就能用的JS后台折叠
阅读全文
摘要:代码简介:JS+Css伸缩菜单,红色,很好看。注:IE6下好像有点不正常,用的朋友自己修正下!代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>Js+Css打造的红色经典伸缩菜单代码_网页代码站(www.webdm.cn)</title><style&g
阅读全文
摘要:代码简介:流行鼠标滑动菜单,实际上这是一个大家常说的滑动门特效,鼠标经过后相应版块随之变化。代码内容:<html><head><title>Css实现的鼠标滑动选项卡菜单代码_网页代码站(www.webdm.cn)</title><style type="text/css"><!--body {margin: 0px;}#header {background-color: #ffffff;height: 286px;width: 687px;margin: 0px;padding: 0px;border: 1
阅读全文
摘要:代码简介:仿淘宝网站的漂亮导航菜单,暖色调风格,响应鼠标悬停动作,结构清淅,不过用到了一些修饰图片,你可以顺着源代码找到这些图片地址,然后下载下来,这款菜单其实很不错哦。代码内容:<!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"><
阅读全文
摘要:代码简介:灰色大按钮式导航条,纯CSS,鼠标滑过变色,兼容大多数主流浏览器,这种风格的菜单看着非常舒服,很大气,而且带有简短的导航说明,增加用户体验,个人感觉很不错哦。代码内容:<!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"><h
阅读全文
摘要:代码简介:JS仿QQ折叠菜单,JavaScript代码有点多,用时候把它另存为一个新文件好了。可以用到后台管理上很不错。相信你会喜欢的。代码内容:<html><head><title>JavaScript实现仿QQ折叠式菜单代码_网页代码站(www.webdm.cn)</title></head><body><STYLE type="text/css">A:link { FONT-SIZE: 12px; TEXT-DECORATION: none}A:visited { FONT-SIZE:
阅读全文
摘要:代码简介:蓝色理想网站相信大家都知道吧,她是一个注重设计的网站,这款菜单就是模仿蓝色理想网站的,一种奇特的选项卡式的导航条,从功能上来说,类似二级导航菜单,操作体验极舒服。它没有过多使用CSS,因此对CSS不太熟悉的朋友同样适合。代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w
阅读全文
摘要:代码简介:仿Windows XP风格的右键菜单,带图标,视觉舒服。和XP系统的菜单很相似。代码内容:<HTML><HEAD><title>仿Windows风格的网页右键菜单代码_网页代码站(www.webdm.cn)</title><script><!--function contextMenu(){this.items = new Array();this.addItem = function (item){this.items[this.items.length] = item;}this.show = function (
阅读全文
摘要:代码简介:JavaScript纯文字折叠菜单,类似淘宝网一样的管理菜单,非常纯净,如果你想为每个菜单加上背景,你可以修改CSS中调用的一个GIF图,改变图片的样式就可以改变背景,实用方便。代码内容:<html><head><title>JavaScript实现的文字折叠菜单代码_网页代码站(www.webdm.cn)</title><script type="text/javascript"> <!-- function getObject(objectId) { if(document.getElement
阅读全文
摘要:代码简介:向上展开的半透明菜单,展开菜单后是可以看到背景的哦,透明度自己设置一下,风格有点类似XP系统的右键菜单一样,链接颜色什么的你需要自己修改一下,以适合你的网页风格。代码内容:<HTML><HEAD><title>Js向上展开半透明菜单代码_网页代码站(www.webdm.cn)</title><STYLE>body{background:url(http://www.webdm.cn/images/20090919/bgdemo3.jpg);}.menuover {BORDER-RIGHT: #1a71e6 1px solid
阅读全文
摘要:代码简介:一个带阴影效果的纯CSS实现的网站导航条,看着比较大气,每个菜单项还有立体效果,响应鼠标变背景,绿色风格,当然颜色你可以自己调整哦,只要学会了思路,修改就方便了。代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>绿色带阴影的CSS
阅读全文
摘要:代码简介:完全兼容常用的浏览器类型,而且代码中含有丰富的注释,方便你的学习和修改。本例中的选项卡在很多网站都会见到,很普通,但很经典,如果感觉灰色不美观的话,自己动手改改代码,这样才能提高哦。代码内容:<!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&qu
阅读全文
摘要:代码简介:又一款CSS Menu,银灰色下拉菜单,老外网站扒下来的,兼容性还不错。它最多可以支持三级,如果你的菜单项目很多,你可以自己扩展,一般都是成对出现的标签,分清楚就可以了。代码内容:<!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"&g
阅读全文
摘要:代码简介:绿色带阴影划过变色自适应宽度的纯CSS菜单,用了超多的修饰词来形容她,因为确实很不错哦!它可以在多行上显示,老外的东西就是不一样,不佩服不行哦。使用的时候可以单独将菜单部分摘去,再优化一下CSS,这样更完美了。代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml&
阅读全文
摘要:代码简介:一个很节省布局的侧边滑动门,一般用作阅读排行或下载排行,清新风格,没有用到任何的修饰图片,直接拷贝到你的网页里就可以用啦。这还支持多内容切换,也就是可以复制多个门单元以适应需要。代码内容:<!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"
阅读全文
摘要:代码简介:阿里巴巴的一款滑动分类菜单,效果很不错,但是使用了较多的图片,不过这些图片只是背景,不影响你修改菜单的文字,所以很值得大家使用,代码稍嫌多,学习CSS的朋友好好研究一下.代码内容:<!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" xm
阅读全文
摘要:代码简介:只用CSS实现的导航下拉菜单,滑过变色,完全css代码,条例WEB标准,直接复制就可以使用啦,非常不错,推荐给大家。使用时候你可以复制多个菜单单元,这样就真正成了一个导航条,演示只是为了看效果,实际用时请根据你的网页面局修改一下代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://w
阅读全文
摘要:代码简介:个款竖向垂直布局的CSS菜单,不同的是它的菜单项之间用虚线间隔,我们来看它是怎么实现的。它同样是用UL、LI列表打造的菜单,只不过设置菜单的的下边框border的属性为 dashed ,也就是虚线,其实方法非常简单,你可以对照CSS手册,查一下border属性的边框取值,这只是其中之一。代码内容:<!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" lang="zh-CN"><head><title>类似透明的红色网站下拉菜单代码_网页代码站(www.webdm.cn)</title><style type="text/css"><!--bod
阅读全文
摘要:代码简介:绝对酷的黑色风格的网站二级导航条,目前有很多网站都使用本导航条,用到有2个背景图片,请顺着代码地址自行下载。本菜单操作舒服,简洁漂亮,带三角导航,清楚导航用户当前的位置,提升你网站的用户体验。代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="
阅读全文
摘要:代码简介:本三级菜单是用JavaScript实现的,没有使用CSS,带有动画效果,不过从实用角度来说,本代码有一定的遗憾,因为这种菜单修改上去好像很麻烦,不过如果你的网站结构已经很稳定,不经常变动内容的话,可以试试此款菜单,动画效果还是非常不错的。代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="htt
阅读全文
摘要:代码简介:用CSS制作会滚动的选项卡,感觉比较不错,本人很喜欢,运用CSS+JavaScript技术结合,带动画效果的切换,新颖美观,推荐给大家。注意标题的长度,如果太长的话会变成二行,不过用CSS可以隐藏掉,这个问题留给你解决吧。代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.
阅读全文
摘要:代码简介:平时隐藏在左侧的CSS动感菜单,像很多导航菜单一样,不点击的时候隐藏在网页左侧,鼠标放上后自动展开,本款是鼠标点击后才激活,然后动画出现,个人感觉比鼠标放上就触发的要好一点,这样更符合浏览者的意愿。代码内容:<!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/
阅读全文
摘要:代码简介:这是仿淘宝网的网页选项卡,CSS+JavaScript技术结合共同打造,超级漂亮,而且只用到了两个背景图片,不但很实用,而且本代码还有一个很值得学习的亮点,就是学习如何使用CSS控制背景图片的某个区域生效,这对你以后的WEB标准化之路帮助很大。代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="
阅读全文
摘要:代码简介:从国外网站找到的CSS菜单,用到了几个背景图片,请自己下载吧,效果还是不错的,挺大气,放上来共享给大家。代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><?php //PHP ADODB document - made with PHAkt 3.6.0?><html xmlns="http://www.w
阅读全文
摘要:代码简介:竖向圆角滑过变色的CSS菜单栏,同样来自老外网站哦,在IE6下好像有点问题,自己修正下。代码内容:<!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><title>竖向蓝色圆角经典的CSS菜单代
阅读全文
摘要:代码简介:同样是CSS导航菜,看上去简洁,但用起来效果很不错。自己试手写的,也请高手指正。现有一个问题就是中文、英文的对齐问题,如果菜单里的某项是纯中文或纯英文,则两个菜单的高度会有差别,到现在没有找到解决办法,也请高手指正。代码内容:<!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.
阅读全文