• jquery
  • ajax
  • css
  • SEO
  • PHP
  • div
  • json
  • 关于我
  • 《点击这里可以投稿》
jquery ajax教程网 关注前端技术-jquery、ajax、json
  • 首页
  • css
    • css教程
  • jquery 教程
    • jquery插件
  • PHP
  • div
    • div教程
  • ajax 教程
  • SEO 教程
  • javascript
    • json
  • python
  • 资讯
  • html5
您的位置:首页 css css教程 CSS下拉菜单

CSS下拉菜单

作者 小朱 于2010-08-19 在css教程 浏览:3,845 次 | 3 条评论

纯CSS写的下拉菜单,不用写JS,兼容主流浏览器;
效果图如下:
CSS下拉菜单
演示效果如下:

  • DEMOS


    • zero dollars advertising page
    • wrapping text around images
    • styled form
    • active focus
    • hover/click with no borders


      • styled form
      • removing active/focus borders
      • hover/click

    • shadow boxing
    • image map for detailed information
    • fun with background images
    • fade scrolling
    • em image sizes compared

  • BOXES


    • a coded list of spies
    • vertical menu
    • enlarging unordered list
    • link images
    • non-rectangular
    • jigsaw links
    • circular links

  • MOZILLA


    • drop down menu
    • cascading menu
    • content:
    • mozzie box
    • I can build a rainbow with transparent borders
    • a snooker cue using border art
    • target practise
    • two tone headings
    • shadow text

  • EXPLORER


    • the first example for Internet Explorer
    • weft fonts
    • vertically aligning text

  • OPACITY


    • a colour wheel using opaque colours
    • a menu using opacity
    • partial opacity
    • partial opacity II
    • HOVER/CLICK


      • styled form
      • removing active/focus borders
      • hover/click

标签: css教程

关于小朱

阅读全部日志 小朱 →
Subscribe to Comments RSS Feed in this post

3 条评论

  1. Echo
    2010-10-18 于 03:42

    ie6不兼容啊~~~

    回复
  2. 才男
    2010-10-08 于 09:27

    怎么下啊?哪位高手能指点小弟一下么?

    回复
    • admin
      2010-10-09 于 01:25

      直接下载整个页面就行了

      回复

回复 取消回复

电子邮件地址不会被公开。 必填项已用 * 标注

*
*


× 9 = 81


排行

  • 最佳jQuery教程和实例 - 15,878 次
  • jquery ajax修改和无刷新分页 - 13,358 次
  • jquery,中文手册,jquery api,jquery ui,插件,下载 - 11,486 次
  • jquery验证表单很简单的方法 - 10,354 次
  • 20个超级酷和最实用的jQuery实例 - 7,434 次
  • jquery UI入门手册 - 7,026 次
  • google首页超级酷的动画效果 - 6,595 次
  • JS弹出框+地区选择代码实例 - 5,097 次
  • jquery 表单验证插件 - 4,775 次
  • 图片跑马灯效果 - 3,924 次
  • CSS下拉菜单 - 3,845 次

热点

  • google首页超级酷的动画效果
    google首页超级酷的动画效果 11 条评论
  • jquery 表单验证插件
    jquery 表单验证插件 7 条评论
  • jquery,中文手册,jquery api,jquery ui,插件,下载
    jquery,中文手册,jquery api,jquery ui,插件,下载 6 条评论
  • 最佳jQuery教程和实例
    最佳jQuery教程和实例 6 条评论
  • 图片跑马灯效果
    图片跑马灯效果 6 条评论

评论

  • www.xzqdds.com: 还挺实用了...
  • 阿狼: 很不错...
  • 小朱: 怎么会没效果?注意那个js要放在div的下面,不然是获取不到那个“output”对象的。最好用ff浏览器测试...
  • eraph@163.com: 我太笨了,调了一下,没效果,请高手指点!邮箱联系eraph@163.com...
  • gaohi.com: 国外的界面还是不错的,设计比较自由...

标签

ajax 教程 ajax教程 apache Apache安装 Apache配置 apply call callee caller css css教程 curl div div教程 htaccess html5 IE6 javascript jquery1.4新方法 jquery 1.5 jqueryajax jqueryui jquery插件 jquery 教程 jquery教程 jquery新功能介绍 js json json技巧 json教程 js特效 parseJSON PHP PHP爬虫 PHP配置 python SEO 教程 WEB设计 windows7 个人爱好 无级分类 正则表达式 电脑基础 离线存储 网页颜色搭配

 

2012 年五月
一 二 三 四 五 六 日
« 四    
 123456
78910111213
14151617181920
21222324252627
28293031  

分类目录

  • ajax 教程
  • css
  • css教程
  • div
  • div教程
  • html5
  • javascript
  • jquery 教程
  • jquery插件
  • json
  • PHP
  • python
  • SEO 教程
  • 资讯

首页连接

  • 838电子
  • 838电子
  • CSS
  • jquery中文博客
  • jQuery中文网
  • MCSE技术论坛
  • photoshop教程
  • sphinxsearch中文站点
  • 中国技术教程网
  • 威客
  • 开源吧
  • 成人用品
  • 淘宝皇冠店
  • 电子元器件商场
  • 破洛洛
  • 网站制作
  • 网页设计学习网
  • 购物网站大全
  • 赣南脐橙网

文章归档

  • 2012 年五月
  • 2012 年四月
  • 2012 年三月
  • 2012 年二月
  • 2011 年十二月
  • 2011 年十一月
  • 2011 年十月
  • 2011 年九月
  • 2011 年八月
  • 2011 年七月
  • 2011 年六月
  • 2011 年五月
  • 2011 年四月
  • 2011 年三月
  • 2011 年二月
  • 2010 年十二月
  • 2010 年十一月
  • 2010 年九月
  • 2010 年八月
  • 2010 年七月
  • 2009 年四月
  • 2009 年三月
  • 2009 年二月

交换友情连接


交换友情连接请联系:

QQ:380142162

要求:
PR >= 3;
alex 排名20W左右
关于我 欢迎投稿
  • 首页
  • css
    • css教程
  • jquery 教程
    • jquery插件
  • PHP
  • div
    • div教程
  • ajax 教程
  • SEO 教程
  • javascript
    • json
  • python
  • 资讯
  • html5
© 2012 jquery ajax教程网. All rights reserved. XHTML/CSS Valid.
诚接WEB前端外包和培训工作,请联系本人QQ:380142162jquery教程网 | feed |