09.11 jquery04 效果 基本 滑动滑出 淡入淡出 自定义动画 动画操作 工具 浏览器 对象和属性操作核心

# 效果

### 基本 (width/height/opacity)

* show()

* hide()

* toggle()

### 滑动滑出 (height)

* slideUp()       隐藏

* slideDown()  显示

* slideToggle()

### 淡入淡出

* fadeOut()    隐藏

* fadeIn()      显示

* fadeToggle()

* fadeTo()

不占用位置 消失之后后面的自动向上移动

### 自定义动画

* animate(params, speed, easing, fn)

### 动画操作

* stop()

* finish() 方法和.stop(true, true)很相似,.stop(true, true)将清除队列,并且目前的动画跳转到其最终值。但是,不同的是,.finish() 会导致所有排队的动画的CSS属性跳转到他们的最终值。

* delay()  延迟

# 工具

### 浏览器

* $.support

### 对象和属性操作

* $.each() 遍历

* $.extend()用一个或多个其他对象来扩展一个对象,返回被扩展的对象

grep 使用过滤函数过滤数组元素。

# 核心

### jQueryDOM 方法

* each()

* size()

* length

时间: 2024-10-26 00:12:49

09.11 jquery04 效果 基本 滑动滑出 淡入淡出 自定义动画 动画操作 工具 浏览器 对象和属性操作核心的相关文章

JQuery: JQuery效果(隐藏、显示、切换,滑动,淡入淡出,以及动画)

JQuery:效果 JQuery效果有很多,包括隐藏.显示.切换,滑动,淡入淡出,以及动画等.隐藏:JQuery hide() 显示:JQuery show() 切换:JQuery toggle() 淡入淡出:JQuery fadeIn().JQuery fadeOut().JQuery fadeToggle().JQuery fadeTo() 滑动:JQuery slideDown().JQuery slideUP().JQuery slideToggle() 动画:JQuery animat

gallery左右滑动时图片淡入淡出

前几天,公司项目有一个功能要做成滑动图片的淡入淡出,要一边滑动一边改变,所以ViewFlipper左右滑动效果就不能了.网上找了很久,也找不到资料,所以自己写了一个,通过滑动改变imageView的透明度.当按下图片时,先记下imageView的位置,图片滑动时,位置发生变化,就可以算出移动的距离,从而可以算出alpha的值.当图片向左滑动时,设置imageView的Alpha即imageView.setAlpha(255-alpha),设置下一个nextView的Alpha即nextView.

第七节(隐藏、显示、切换,滑动,淡入淡出,以及动画)

文档查询地址:http://jquery.cuishifeng.cn/ 通过 jQuery,可以实现元素的淡入淡出效果 jQuery 拥有下面四种 fade 方法: fadeIn() 用于淡入已隐藏的元素 fadeOut() 方法用于淡出可见元素 fadeToggle()该方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换. 如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果. 如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果. jQuery

首页大屏广告效果 jquery轮播图淡入淡出

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery个性化图片轮播效果</title> <script src="js/jquery.js" type="text/javascript"></script> <link rel=

ListView的淡入淡出和Activity的淡入淡出补间动画效果Animation

//=========主页面======================= package com.bw.lianxi7; import android.os.Bundle;import android.app.Activity;import android.content.Intent;import android.view.Menu;import android.view.View;import android.view.animation.Animation;import android.

tableView 滑动滑出动画

简单的UITableViewCell特效 飞入飞出之类的 看了一些最近放出来的控件, 有些是关于UITableViewCell显示的特效. 也有朋友问我咋做. 就写了个简单的介绍. 1. UITableVIew需要实现 - (void)tableView:(UITableView *)tableView willDisplayCell:(TestTableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath - (void)tabl

jQuery 学习02——效果:隐藏/显示、淡入淡出、滑动、动画、停止动画、Callback、链

jQuery 效果- 隐藏hide()和显示show() 语法: $(selector).hide(speed,callback);$(selector).show(speed,callback); (可选)speed  参数:规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒. (可选)callback 参数:是隐藏或显示完成后所执行的函数名称. 例1:使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: <scrip

jQuery动画效果之fadeIn,fadeOut(淡入淡出)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>淡入淡出</title></head><body><div id="div1" style="height

Android开发笔记(一百零一)滑出式菜单

可移动页面MoveActivity 滑出式菜单从界面上看,像极了一个水平滚动视图HorizontalScrollView,当然也可以使用HorizontalScrollView来实现侧滑菜单.不过今天博主要说的是利用线性布局LinearLayout来实现,而且是水平方向上的线性布局. 可是LinearLayout作为水平展示时有点逗,因为如果下面有两个子视图的宽度都是match_parent,那么LinearLayout只会显示第一个子视图,第二个子视图却是怎么拉也死活显示不了.倘若在外侧加个H