随笔分类 -  菜单导航特效代码

上一页 1 2 3 4 5 6 ··· 17 下一页
各类菜单导航特效代码。
摘要:代码简介:泡沫弹出框式的侧边导航菜单,预览效果时左下角会提示错误,而且看不到效果,刷新一下就可以看到效果了;当然,在实际使用中,不会出现这样的问题。代码内容:<!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>< 阅读全文
posted @ 2011-07-15 11:11 网页代码站 阅读(1237) 评论(0) 推荐(0)
摘要:代码简介:我觉得挺新鲜,一改选项卡中规中矩的风格,这款采用菱形,觉得不错,不规则TAB选项卡,奉献给大家。代码内容:<html><head><title>JS+CSS实现的不规则TAB选项卡效果_网页代码站(www.webdm.cn)</title><style type="text/css"><!--body,td{font-size: 12px;}.tab{margin-top:100px}#TabTab03Con1{width:346px;height:100px;line-height:100px;b 阅读全文
posted @ 2011-07-15 11:09 网页代码站 阅读(837) 评论(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><title>JS+ 阅读全文
posted @ 2011-07-14 10:25 网页代码站 阅读(403) 评论(0) 推荐(0)
摘要:代码简介:仿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 阅读全文
posted @ 2011-07-14 10:24 网页代码站 阅读(730) 评论(0) 推荐(0)
摘要:代码简介:强烈推荐一款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 阅读全文
posted @ 2011-07-12 11:55 网页代码站 阅读(762) 评论(0) 推荐(0)
摘要:代码简介:很经典的新闻类网站滑动门特效,鼠标滑过就切换,而非点击,根据你的网站可适当调整。代码内容:<HTML><HEAD><TITLE>一款JS+CSS打造绝对经典的资讯网站滑动门特效_网页代码站(www.webdm.cn)</TITLE><style type="text/css"><!--*{padding:0; margin:0}img{border:0; display:block;}BODY {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12 阅读全文
posted @ 2011-07-12 11:54 网页代码站 阅读(478) 评论(0) 推荐(0)
摘要:代码简介:一款经典简洁的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"><he 阅读全文
posted @ 2011-07-11 11:15 网页代码站 阅读(606) 评论(0) 推荐(0)
摘要:代码简介:响应鼠标滚动的一款jQuery动感菜单,横向竖向这个大家怎么改吧,使用了jquery插件,不要忘记载入哦。看效果的时候如果加载有错误,请刷新一下页面就行了。代码内容:<!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"><he 阅读全文
posted @ 2011-07-11 11:14 网页代码站 阅读(423) 评论(0) 推荐(1)
摘要:代码简介:单张背景图片实现的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.org/19 阅读全文
posted @ 2011-07-09 09:09 网页代码站 阅读(464) 评论(1) 推荐(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>< 阅读全文
posted @ 2011-07-09 09:09 网页代码站 阅读(765) 评论(1) 推荐(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><title>很实用的J 阅读全文
posted @ 2011-07-08 11:52 网页代码站 阅读(1935) 评论(0) 推荐(0)
摘要:代码简介: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>【荐】CSS多级导航菜单_网页代码站(www.webdm.c 阅读全文
posted @ 2011-07-08 11:51 网页代码站 阅读(564) 评论(1) 推荐(0)
摘要:代码简介:二级树形菜单示例:CSSTreeMenu,非常漂亮的树形菜单,用在网站右侧比较合适。代码内容:<!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><head><title>适合放在网站右侧的CSS二级树形菜单_网页代码站(www.webdm.cn)</title><style type="text/css" 阅读全文
posted @ 2011-07-07 09:49 网页代码站 阅读(477) 评论(0) 推荐(0)
摘要:代码简介:自己做一款不错的二级导航菜单,黑色风格,是根据仿淘宝支付宝菜单而做的,自我感觉还算行吧。代码内容:<!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><s 阅读全文
posted @ 2011-07-07 09:48 网页代码站 阅读(616) 评论(1) 推荐(0)
摘要:代码简介:隐藏在左侧的弹性弹出菜单,从淘宝扣下来的,也可作为JAvaScript缓冲动画的典型教程。本弹性菜单可扩展性强,实际上不光可以做成菜单,也可布局一些图文混排的内容或一段视频,总之被弹出的内容是在一段Div内,怎么布置就看你的了。代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://w 阅读全文
posted @ 2011-07-06 10:03 网页代码站 阅读(870) 评论(2) 推荐(0)
摘要:代码简介:JavaScript模拟一个IE右键菜单,还没有屏蔽右键,这个相对简单,大家自己把IE固有的右键屏蔽掉吧。改制的右键风格尽量与系统右键一致,我觉得还行吧。代码内容:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>JavaScript模拟IE右键菜单_网页代码站(www.webdm.cn)</titl 阅读全文
posted @ 2011-07-06 10:02 网页代码站 阅读(336) 评论(0) 推荐(0)
摘要:代码简介:一款基于jQuery1.3.2的动态滑动菜单特效代码,常用于博客,鼠标滑过菜单,菜单会不断伸出,貌似很漂亮,我比较喜欢,发上来供大家使用或学习参考。代码内容:<!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="en 阅读全文
posted @ 2011-07-05 12:09 网页代码站 阅读(481) 评论(0) 推荐(0)
摘要:代码简介:jQuery精仿手机上的翻牌效果菜单,很平滑的动画翻牌效果,每点击一下菜单,就会翻去一下,貌似很灵敏的动作。注意:如果预览时没看到效果,请刷新一下页面,让jquery载入就行了,在实际使用时不会出现这种情况。代码内容:<!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/ 阅读全文
posted @ 2011-07-05 12:08 网页代码站 阅读(748) 评论(0) 推荐(0)
摘要:代码简介:再发一个仿Flash的jquery滑动菜单,横向,延时效果明显,如果觉得延时太长的话,自己可以修改参数,通过这个菜单主要是想向大家掌握一些jQuery生成动画的技巧,同时这也是jquery强大功能的体现。代码内容:<!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/19 阅读全文
posted @ 2011-07-04 09:33 网页代码站 阅读(760) 评论(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><title>来自支付宝的CSS下拉圆角导航菜单_网页代码站(www.webdm.cn) 阅读全文
posted @ 2011-07-04 09:32 网页代码站 阅读(473) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 ··· 17 下一页