- 浏览: 588304 次
文章分类
- 全部博客 (411)
- 常用工具 (21)
- 喜好 (14)
- 英语 (3)
- java (51)
- ext (4)
- css (44)
- php (34)
- window (7)
- jquery (21)
- js (31)
- struts (4)
- tomcat (1)
- struts2 (11)
- 网络 (4)
- c# (7)
- linux (27)
- oracle (15)
- tag标签 (5)
- 生成静态页面 (6)
- sql (12)
- hibernate (13)
- DesignPattern (3)
- spring (2)
- flex (17)
- excel应用 (1)
- 报表 (2)
- 业界 (2)
- 数据建模 (1)
- 平板 (1)
- ppt (1)
- rich (1)
最新评论
-
youngdze:
受教了,谢谢!
十步解决php utf-8编码 -
DiLiya:
感谢你的讲解;帮了大忙了!
解决-innerHTML无法在TBODY中使用 -
eppen:
强的没话说。帮了大忙。感谢goby2008 ,感谢google ...
解决-innerHTML无法在TBODY中使用 -
cxs4808:
rr
flex 设计模式 -
liuxingvsyou:
3个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" xml:lang="en-us"> <head> <title>用jquery写一个菜单伸缩效果</title> <script src="http://code.jquery.com/jquery-1.1.3.1.pack.js"></script> <script> jQuery(document).ready(function(){ jQuery("dd:not(:first)").hide(); jQuery("dt a").click(function(){ jQuery("dd:visible").slideUp("slow"); jQuery(this).parent().next().slideDown("slow"); return false; }); }); </script> <style> body { font-family: Arial; font-size: 16px; margin: 0 auto; text-align: center; } dl,dt,dd,ul {margin: 0; padding: 0;} dl{margin-top: 150px;} dt { margin-top: 2px;} dt a {display: block; width: 300px; height: 30px; line-height: 30px;text-align: left; font-size: 18px; padding-left: 5px; color: #FFF; background: #73C5E5;} dd {width: 303px; border: 1px solid #73C5E5;} ul li{list-style: none; padding: 5px; text-align: left; } </style> </head> <body> <dl> <dt><a href="http://leotheme.cn/">jQuery</a></dt> <dd> <ul> <li><a href="http://leotheme.cn/">Download</a></li> <li><a href="http://leotheme.cn/">Documentation</a></li> <li><a href="http://leotheme.cn/">Blog</a></li> </ul> </dd> <dt><a href="http://leotheme.cn//discuss/">JavaScript</a></dt> <dd> <ul> <li><a href="http://leotheme.cn/">Mailing List</a></li> <li><a href="http://leotheme.cn/">Tutorials</a></li> <li><a href="http://leotheme.cn/">Demos</a></li> <li><a href="http://leotheme.cn/">Plugins</a></li> </ul> </dd> <dt><a href="http://leotheme.cn/">WordPress</a></dt> <dd> <ul> <li><a href="http://leotheme.cn/">Themes</a></li> <li><a href="http://leotheme.cn/">plugins</a></li> <li><a href="http://leotheme.cn/">languages</a></li> </ul> </dd> <dt><a href="http://leotheme.cn/">Themes</a></dt> <dd> <ul> <li><a href="http://leotheme.cn/">BlueSky</a></li> <li><a href="http://leotheme.cn/">Maxthon v2.0</a></li> <li><a href="http://leotheme.cn/">simple-line</a></li> </ul> </dd> </dl> </body> </html>
发表评论
-
33个jQuery效果实例
2011-04-12 10:06 845今天搜索jquery 的拖拽效果时发 ... -
jQuery–20个最新的jQuery效果.
2011-04-12 09:20 10151. Custom Animation Banner with ... -
jQuery.Switchable 1.0
2010-10-12 00:21 1070jQuery.Switchable是一款整合了Tabs、Sli ... -
11个代码高亮的实现方法(转)
2010-09-28 08:40 105811个代码高亮的实现方法 来源: webresource ... -
用jQuery判断一个元素是否显示
2010-08-08 14:01 1024用jQuery判断一个元素是否显示:$(element). ... -
3个jQuery弹出窗口插件
2010-07-23 09:36 49233个jQuery弹出窗口插件 -
jquery 实现checkbox全选、取消全选
2010-04-04 16:48 1186<input type=”checkbox” name= ... -
jQuery 实现自动增长的文本输入框
2010-04-04 16:45 1024(function($) { $.fn.auto ... -
simple tree 添加子树
2010-04-03 23:42 895//Select first child node in t ... -
渐渐消失
2010-03-20 23:21 735$(#testObj).html("ok" ... -
jquery设置按钮的disabled属性
2010-03-20 22:45 3863在html标签中设置按钮被禁用,可以使用如下代码<inp ... -
jquery常用代码
2010-03-20 10:21 705jquery常用代码 -
jquery iframe操作
2009-12-09 23:25 4464使用jquery操作iframe 1 内容里有两个ifame ... -
jquery插件
2009-12-07 13:07 771http://css9.net/flexible-ui-lib ... -
jquery常用插件
2009-10-22 23:07 1345tooltips http://craigsworks.c ... -
JQuery Block UI V2
2009-09-24 12:41 946http://www.cssrain.cn/demo/bloc ... -
jquery资源
2009-08-31 08:13 632jQueryAPI参考文档中文版翻译 http ... -
关于jQuery的动画制作.
2009-07-09 22:33 707http://www.cssrain.cn/article.a ... -
jQuery实现折叠菜单 非常简单
2009-07-01 14:20 4309折叠菜单的功能很常见 ... -
jquery学习笔记
2008-11-24 22:38 700http://www.cssrain.cn/search.as ...
相关推荐
简单的jquery代码实现的伸缩菜单效果源码下载
主要介绍了jQuery实现的动态伸缩导航菜单,实例分析了jQuery鼠标事件及animate、hide等方法的使用技巧,需要的朋友可以参考下
jQuery左侧伸缩导航菜单基于jquery-1.8.3.min.js制作,点击展开收缩效果,包括无缓动—展开隐藏、无缓动—百叶窗、滑动—展开隐藏、滑动—百叶窗等四种伸缩特效。
jQuery CSS3弹性工具栏伸缩菜单代码是一款效果不错的默认只显示一个圆形按钮,单点击按钮时,子菜单项会以弹性动画展开显示二级图标导航的网页特效。 js代码 [removed][removed] [removed] $( ".button" )....
带伸缩的下拉菜单,JUQERY坚形的,效果动态式
jQuery网站右侧固定可伸缩浮动菜单代码是一款开始时只显示一个按钮,点击按钮时可以垂直展开所有的菜单项,展开后点击按钮又可以收起网页右侧菜单栏的效果。
这是一款非常实用的jQuery和CSS3圆形弹性伸缩导航菜单按钮特效。该导航菜单初始状态是一个圆形的按钮,当用户用鼠标点击或移动手机上用手触摸了按钮之后,该圆形按钮平滑的伸缩变形为圆角导航菜单,效果非常酷。
jquery菜单级联效果,鼠标单击菜单收缩效果,以及鼠标移上菜单自动伸缩
jQuery框架的应用实例,利用jQuery Interface组件实现一个非常简单的横向滑动菜单,有弹性效果,鼠标放到菜单后,菜单就会伸缩回去,滑动的效果让你的网页动起来,非常不错的jQuery应用。
本文实例讲述了jQuery实现的经典竖向伸缩菜单...这是一款使用jquery1.3.2制作的竖向伸缩菜单,每点击一次主菜单,会拉开出对应的二级菜单,再次点击会合拢,效果非常不错。 运行效果截图如下: 在线演示地址如下: ...
jQuery 动感收缩的下拉菜单导航代码,配合CSS形成超炫丽的菜单效果,鼠标同时滑过多个菜单,会有意想不到的效果,希望大家喜欢。
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0 , FF 1.5 , Safari 2.0 , Opera 9.0 ),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户...
代码简介:jQuery动画手风琴折叠菜单栏代码是一款粉红色风格动态伸缩手风琴代码。
左侧横向水平拉动导航菜单,火狐等浏览器下为透明水晶效果。IE浏览器下没有透明效果,其他效果相同
66. 一款jQuery仿苹果mac os系统经典菜单效果源码 67. 一款jQuery动感左右滚动图片切换插件带缩图一起滚动 68. 一款jQuery实现banner图片轮显、广告切换、图片幻灯插件EasySlide下载 69. 一款jquery实现图片放大...
jQuery+CSS3弹性工具栏伸缩菜单代码是一款效果不错的默认只显示一个圆形按钮,单点击按钮时,子菜单项会以弹性动画展开显示二级图标导航的网页特效。
基于jquery的模拟windows8风格的菜单效果 基于jquery的实现的各种图片边界特效 基于jQuery的实现的适用于图片、链接的浮动提示信息框 基于jquery的实现整段文字渐入渐出效果 基于jQuery实现的大号的banner图片切换...
jQuery无刷新加载外部HTML,可伸缩的树形菜单,jquery实现ajax加载绑定事件,实例中的几个HTML文件共同演示了绑定事件的加载,打开demo.html文件后,每一步加载的效果都是从外部页面中载入的,一级一级的加载,因此...
自己写的一个简单的导航菜单,先看效果: 鼠标悬浮时菜单项向上移动成蓝底白字,点击之后底部会有蓝条表示当前选中项。 页面代码,菜单的每一项都是一个 div ,其中包括一个 ul 用来放置显示文字等,另一个 div 则...