- 浏览: 604447 次
文章分类
- 全部博客 (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 882今天搜索jquery 的拖拽效果时发 ... -
jQuery–20个最新的jQuery效果.
2011-04-12 09:20 10491. Custom Animation Banner with ... -
jQuery.Switchable 1.0
2010-10-12 00:21 1112jQuery.Switchable是一款整合了Tabs、Sli ... -
11个代码高亮的实现方法(转)
2010-09-28 08:40 109111个代码高亮的实现方法 来源: webresource ... -
用jQuery判断一个元素是否显示
2010-08-08 14:01 1075用jQuery判断一个元素是否显示:$(element). ... -
3个jQuery弹出窗口插件
2010-07-23 09:36 49583个jQuery弹出窗口插件 -
jquery 实现checkbox全选、取消全选
2010-04-04 16:48 1211<input type=”checkbox” name= ... -
jQuery 实现自动增长的文本输入框
2010-04-04 16:45 1052(function($) { $.fn.auto ... -
simple tree 添加子树
2010-04-03 23:42 924//Select first child node in t ... -
渐渐消失
2010-03-20 23:21 791$(#testObj).html("ok" ... -
jquery设置按钮的disabled属性
2010-03-20 22:45 3947在html标签中设置按钮被禁用,可以使用如下代码<inp ... -
jquery常用代码
2010-03-20 10:21 758jquery常用代码 -
jquery iframe操作
2009-12-09 23:25 4502使用jquery操作iframe 1 内容里有两个ifame ... -
jquery插件
2009-12-07 13:07 808http://css9.net/flexible-ui-lib ... -
jquery常用插件
2009-10-22 23:07 1382tooltips http://craigsworks.c ... -
JQuery Block UI V2
2009-09-24 12:41 979http://www.cssrain.cn/demo/bloc ... -
jquery资源
2009-08-31 08:13 704jQueryAPI参考文档中文版翻译 http ... -
关于jQuery的动画制作.
2009-07-09 22:33 741http://www.cssrain.cn/article.a ... -
jQuery实现折叠菜单 非常简单
2009-07-01 14:20 4340折叠菜单的功能很常见 ... -
jquery学习笔记
2008-11-24 22:38 733http://www.cssrain.cn/search.as ...
相关推荐
在本项目中,我们探讨的是如何使用jQuery实现图片的伸缩效果,这是一种常见的网页动态视觉效果,可以提升用户体验,使页面更具吸引力。 首先,`index.html`是网页的主文件,它定义了网页的基本结构。在这个文件中,...
在介绍jQuery实现的动态伸缩导航菜单实例中,我们首先需要了解jQuery这个前端开发常用的...对于学习和使用jQuery的开发者来说,这是一个实用且简洁的例子,可以作为进一步探索jQuery动态效果和交互行为的基础。
本教程将深入探讨如何使用jQuery实现一个横向伸缩菜单导航,当鼠标悬停在导航项上时,其子菜单会向左滑动展开。 首先,我们需要了解jQuery的基本用法。jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理...
jQuery库的使用使得菜单的动态交互变得简单易行,开发者无需深入学习复杂的JavaScript语法就能实现丰富的交互功能。 "kwicks.html"文件很可能是该伸缩菜单的一个示例页面,展示如何在实际项目中集成和使用这个菜单...
在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的操作,包括DOM操作、事件处理、动画效果以及Ajax交互等。本文将深入探讨如何利用jQuery实现伸缩效果,这是一种常见且实用的交互...
总结来说,这个"jquery 菜单 伸缩"项目是一个使用jQuery和JavaScript实现的交互式菜单系统,它具有三个不同的视觉皮肤(Silver、Classic、Blue)和一个示例文件(menu11.html)。开发者通过编写`myMenu.js`实现了...
jQuery 是一个广泛使用的 JavaScript 库,提供了丰富的功能和简洁的 API,使得创建动态、交互式的菜单变得简单。在这个"jQuery 伸缩菜单(典型、简单的实例)"中,我们将深入探讨如何利用 jQuery 实现一种常见的菜单...
在本资源中,我们关注的是一个使用jQuery库创建的简单伸缩菜单的源代码实现。jQuery是一个非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务,使得开发者能够更轻松地创建动态网页。...
首先,我们来看看jQuery如何用于创建伸缩效果。jQuery提供了`.slideToggle()`方法,它可以在元素之间切换显示和隐藏状态,通过添加或移除CSS的`display`属性来实现平滑的动画效果。在左侧导航菜单中,这个方法可以...
接下来,我们编写jQuery脚本来实现菜单的伸缩效果。以下是一个基础的示例: ```javascript $(document).ready(function() { $('#menu > li').click(function(e) { e.preventDefault(); // 阻止链接的默认行为 $...
在菜单伸缩过程中,我们可以用`.animate()`来实现优雅的展开和收起动画。 5. **数据缓存与效率优化**: 对于频繁操作的DOM元素,使用`$(selector).data('key', value)`可以将元素与数据关联起来,提高性能。在处理...
在本文中,我们将深入探讨如何使用jQuery来创建一个动态的左侧伸缩导航菜单。这个菜单是基于`jquery-1.8.3.min.js`库构建的,提供了多种交互效果,包括无缓动的展开和隐藏,以及两种不同类型的百叶窗效果。我们将...
本文将深入探讨如何使用jQuery创建一个可伸缩的侧边菜单,并分享一个自编的实例,旨在促进学习和交流。 首先,我们要理解侧边菜单的基本结构。在HTML中,通常会有一个包含多个链接或子菜单项的`<nav>`或`<ul>`元素...
本文将详细讲解如何使用jQuery创建一个伸缩的、垂直型的下拉菜单,以及与之相关的技术点。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理和动画制作等任务。在实现下拉菜单时,jQuery可以提供...
"js/jquery伸缩窗口菜单"是一个专为网上商城设计的组件,它允许用户在不同屏幕尺寸下方便地浏览和操作菜单。这种菜单设计尤其适用于响应式布局,能够根据窗口大小自动调整,确保在手机、平板电脑和桌面设备上都能...
本文将深入探讨如何使用jQuery实现一个页面左侧的伸缩下拉导航菜单,这种菜单通常用于多级导航,能有效地组织大量链接,同时保持页面整洁。 首先,我们需要了解jQuery的基本概念。jQuery是一个轻量级的JavaScript库...
"58、jQuery可伸缩关闭的菜单栏"这个主题涉及到的是使用jQuery实现一个交互式的菜单栏,该菜单栏可以根据用户的需求进行展开和收起,提高用户体验。以下是对这一知识点的详细说明: 1. **jQuery基础**: - jQuery...
"jQuery左右伸缩滑动效果"是一种常见的JavaScript特效,它广泛应用于导航菜单、图片轮播、内容切换等多个场景。jQuery库以其简洁的API和丰富的插件,为开发者提供了实现这种效果的便利。本文将详细介绍如何利用...
jQuery CSS3弹性工具栏伸缩菜单代码是一款效果不错的默认只显示一个圆形按钮,单点击按钮时,子菜单项会以弹性动画展开显示二级图标导航的网页特效。 js代码 [removed][removed] [removed] $( ".button" )....