`

JQuery Show()的几种效果 总有一种是你需要的

阅读更多

1 show()方法和hide()方法


$("selector").show()
 从display:none还原元素默认或已设置的display属性
$("selector").hide()
 设置元素的display样式为none,等于$("selector").css("display","none")
(注: 传入参数后,.show()和.hide()方法同时动画改变元素的width,height和透明属性;传入参数控制显隐速度,单位毫秒, 如.show(600),也可传入fast,normal,slow,fast为200毫秒,normal为400毫秒,slow为600毫秒)


2 fadeIn()方法和fadeOut()方法


$("selector").fadeIn()
 控制透明度在指定时间内从display:none提高至完全显示
$("selector").fadeOut()
 控制透明度在指定时间内降低至display:none;


3 slideUp()方法和slideDown()方法


$("selector").slideUp()
 控制元素高度在指定时间内从下到上缩短至display:none;
$("selector").slideDown()
 控制元素高度在指定时间内从display:none延伸至完整高度


4 自定义动画方法animate()


$("selector").animate(params,speed,callback);
 params:一个包含样式属性及值的映射,比如{property1:"value1",property2:"value2",...}
 speed:速度参数,可选
 callback:在动画完成时执行的参数(即回调函数),可选

分享到:
评论
1 楼 Mr_Ron 2013-01-08  
[color=blue][/color] 不错!

相关推荐

    jQuery Slide Show – jQuery幻灯片效果

    总的来说,jQuery幻灯片效果是一种常见的网页动态效果,通过结合HTML、CSS和jQuery JavaScript库,我们可以轻松地在网页上实现这一功能。通过不断实践和学习,你可以掌握更多关于jQuery幻灯片的高级技巧,提升你的...

    jQuery几种表单的验证

    下面我们将深入探讨jQuery实现的几种常见表单验证方法。 首先,我们来看jQuery的基本用法。在jQuery中,我们可以通过选择器选取DOM元素,然后对其执行各种操作。对于表单验证,我们通常会在用户提交表单时触发事件...

    jquery.imgareaselect-0.9.2几种封装

    总之,jQuery.imgAreaSelect-0.9.2提供了一种高效、灵活的图像选区解决方案,其强大的功能和简洁的API使得在网页中实现图像选取功能变得轻松简单。无论是用于图片裁剪、定位还是其他图像相关的交互设计,都能满足...

    jQuery模态窗口登陆效果.zip

    要实现jQuery模态窗口登录效果,你需要以下几个关键步骤: 1. **HTML结构**:首先,你需要在HTML中创建一个隐藏的登录表单。这个表单应该包含用户名和密码输入字段,以及登录按钮。使用CSS将此表单设置为不可见或...

    jquery不再提醒效果

    "jQuery 不再提醒效果"通常指的是实现一种功能,即当用户执行特定操作(如收藏网页)后,系统不再重复显示提示信息。这种功能提升了用户体验,避免了不必要的打扰。 首先,我们要理解jQuery中的基本概念。jQuery...

    经典jquery案例 经典jquery

    首先,"可编辑表格"是网页交互中常见的一种功能,jQuery可以轻松实现这一需求。例如,通过添加事件监听器,我们可以使表格单元格变为可编辑状态,用户输入后,再利用jQuery的`.val()`方法获取或设置值,并通过Ajax与...

    基于jQuery实现滚动切换效果

    7. 仿锋利的JQuery案例:文中提及“仿锋利的Jquery案例”,这可能是指出通过模仿学习某个已有的优秀案例来掌握实现滚动切换效果的技术,这通常是一种快速学习和实践新技术的有效途径。 通过上述知识点的介绍,我们...

    jquery仿京东商城产品详细效果,京东图片放大效果.rar

    这个效果在电商网站中非常常见,它为用户提供了一种更直观的方式来查看商品的细节,提升购物体验。我们将主要围绕以下几个方面进行讲解: 1. **jQuery简介** jQuery是一个轻量级的JavaScript库,它简化了HTML文档...

    jQuery简单实现仿京东商城的左侧菜单效果代码

    jQuery是一个快速、简洁的JavaScript库,它通过提供一种易于使用的API,简化了HTML文档遍历和操作、事件处理、动画和Ajax交互,从而让开发者能够以更少的代码实现更加丰富的交互效果。在本例中,使用了jQuery的版本...

    jquery带数字切换幻灯片效果免费下载

    总的来说,使用jQuery实现带数字切换的幻灯片效果是一项实用的技能,不仅可以提升网页的互动性和吸引力,还能帮助你更好地理解和掌握jQuery的核心功能。通过不断实践和学习,你将能够创造出更多富有创意的网页交互...

    JQuery 15种经典案例

    在"JQuery 15种经典案例"中,我们将会探讨一系列实用且富有创意的JQuery应用,旨在提升网页的用户体验和视觉吸引力。 1. **导航菜单**:JQuery可以创建响应式的导航菜单,当用户滚动页面时,菜单可以自动吸附或固定...

    JQuery_标签页效果

    在网页设计中,标签页(Tabbed Interface)是一种常见的用户界面元素,它允许用户在不同的内容区域之间切换,而无需加载新的页面。JQuery是一个强大的JavaScript库,它为实现这样的动态效果提供了简单易用的API。...

    jquery滑动导航效果

    "jQuery滑动导航效果"是一种流行的网页设计技术,通过动态的视觉效果提升用户体验,使得菜单导航更加吸引人且易于使用。这个主题主要涵盖以下几个方面: 1. **jQuery库**:jQuery 是一个轻量级的JavaScript库,它...

    jquery弹出层需要的js

    在jQuery中,实现弹出层主要有以下几种方法: 1. **使用`.show()`和`.hide()`**:最基础的方法是创建一个CSS隐藏的div作为弹出层,然后在需要时调用`.show()`使其可见,不需要时调用`.hide()`隐藏。例如: ```...

    jquery 切换选项卡

    在网页设计中,选项卡(Tab)是一种常见的用户界面元素,用于组织和展示大量内容,同时保持页面整洁。jQuery 是一个流行的 JavaScript 库,它提供了一系列便利的 API 和方法,使得实现动态切换选项卡功能变得非常...

    jquery页面滚动显示第几步效果.zip

    在网页设计中,"jQuery页面滚动显示第几步效果"是一种常见的交互设计技术,它通过JavaScript库jQuery实现,为用户提供了一种动态浏览体验。这种效果通常用于制作教程、步骤指南或者多步骤表单,用户在滚动页面时,每...

    jQuery全屏画廊灯箱效果.zip

    本资源"jQuery全屏画廊灯箱效果.zip"提供了一种利用jQuery实现全屏画廊图片展示的方法,类似于jQuery Lightbox的灯箱效果。这个插件使用户能够创建一个具有左右导航箭头的全屏图片浏览体验,增强了网站的视觉吸引力...

    jQuery 流行广告效果幻灯片代码.zip

    为了实现这一目标,许多开发者选择利用动态的、交互式的广告效果,其中幻灯片是最常见的一种形式。jQuery,一个轻量级且功能强大的JavaScript库,为创建这些效果提供了便利。本文将深入探讨jQuery如何被用来制作流行...

    jquery实现幻灯片效果

    在网页设计中,动态效果是吸引用户注意力和提升用户体验的重要手段之一,而幻灯片(Slider)效果就是其中常见的一种。本教程将详细介绍如何使用jQuery库来实现一个带有缩略图导航的幻灯片功能。 jQuery是一个轻量级...

    jQuery权威指南-源代码

    jQuery因为易于使用和功能强大著称,是所有Web开发者应该掌握的一种利器,初学者如何才能快速而有效地掌握jQuery呢?最好的方法莫过于一边学习理论,一边动手实践这些理论,本书就是按照这种思路为读者打造的,强烈...

Global site tag (gtag.js) - Google Analytics