前端设计

   :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2011年7月19日

摘要: 像抽屉一样的菜单,多用在产品网站,比如IT产品网站的分类导航上,菜单结构清淅,样式新颖,设计美观,主要是运用JavaScript技术实现,用CSS配合实现菜单背景的构建,总体来说,是学习Js多级分类菜单的好范例。http://www.ij2ee.com/http://www.gbsou.com/<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><h 阅读全文
posted @ 2011-07-19 14:24 前端设计 阅读(332) 评论(0) 推荐(0) 编辑

摘要: 基于纯CSS实现的菜单,当鼠标划过的时候,子菜单会出现,没有过多修饰,简约不失美观,稍加修善就是一款好菜单。在兼容性方面,本菜单也做的不错。http://www.ij2ee.com/ http://www.gbsou.com/<!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 阅读全文
posted @ 2011-07-19 14:22 前端设计 阅读(818) 评论(0) 推荐(0) 编辑

摘要: 仿QQ面板风格的多级折叠、展开菜单,三级下拉导航,JavaScript+CSS共同结晶的结果,推荐给大家,点击“运行”可查看效果。http://www.ij2ee.com/ http://www.gbsou.com/<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>下拉菜单</title><style type="text/css">*{ 阅读全文
posted @ 2011-07-19 14:20 前端设计 阅读(342) 评论(0) 推荐(0) 编辑

摘要: 几个Tab,滑动门,选项卡,图片切换,在一个网页中实现了超多的常用效果,大家喜欢的滑动门,焦点图切换,标签选项卡以及文字轮番等都集中在了一起,无聊的功劳,忙的时候还顾不上写埃另外还加入了圆角,都是参考以前学习的知识写的。期间使用了jquery-1.4.2.min.js框架库。http://www.ij2ee.com/ http://www.gbsou.com/<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">< 阅读全文
posted @ 2011-07-19 14:19 前端设计 阅读(580) 评论(0) 推荐(0) 编辑

摘要: DIV CSS图形菜单之仿DreamWeaver,做了四个多小时才兼容好,火狐和IE都无Bug了,搞的自己快出Bug了。http://www.ij2ee.com/http://www.gbsou.com/<!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 阅读全文
posted @ 2011-07-19 14:18 前端设计 阅读(357) 评论(0) 推荐(0) 编辑

摘要: DIV CSS布局实例:CSS标签切换代码,通俗说就是滑动门的制作教程,很不错的实例,希望对你学习CSS布局有帮助。http://www.ij2ee.com/<!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-19 14:16 前端设计 阅读(915) 评论(0) 推荐(0) 编辑

摘要: css+JavaScript无限级菜单代码,作者对兼容性的考虑也是正确的,因此菜单在兼容性该页也表现不错,在IE、火狐、傲游等众多浏览器上都表现不错。多级菜单也是朋友们能用得上的,希望大家喜欢。http://www.ij2ee.com<!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 阅读全文
posted @ 2011-07-19 14:15 前端设计 阅读(264) 评论(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"><head>< 阅读全文
posted @ 2011-07-19 14:13 前端设计 阅读(455) 评论(0) 推荐(0) 编辑

摘要: 一款灰色风格的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/1999/xhtml"><head>< 阅读全文
posted @ 2011-07-19 14:10 前端设计 阅读(521) 评论(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>灰色下拉导航菜单 by www.c 阅读全文
posted @ 2011-07-19 14:09 前端设计 阅读(386) 评论(0) 推荐(0) 编辑