淡入淡出:fadeIn fadeOut fadeToggle fadeTo 淡入:fadeIn(speed[,callback])   速度和回调函数 回调函数可以写匿名函数,或者方法名不加括号. speed 为‘slow’或 1000      毫秒数不加引号 淡出:fadeOut 同上 交替 fadeToggle 自动切换进出 同上 fadeTo 多了一个选项可设置透明度 fadeTo(speed,opacity,callback); 折叠展开 slideDown slideUp slide…
由于对基于jquery的简单插件开发有了一定的了解,慢慢的也对基于jquery的插件开发有了兴趣,在上班结束之后就研究各种插件的思路逻辑.最近开发了一款基于jquery的fadeTo方法的轮播图插件,下面给大家介绍具体的思路逻辑: 整体思路: fadeTo方法就是在指定时间内将某个选定元素的透明度改变来达到某个元素隐藏与显示的效果,借助这个方法,刚开始我们只需要让第一张图片的透明度为1,其他的都为0,这样就只能看到一张图片,建立图片索引,在轮播的时候只需要让索引自增,当索引等于最大值时,将索引值…
jQuery 效果- 隐藏hide()和显示show() 语法: $(selector).hide(speed,callback);$(selector).show(speed,callback); (可选)speed  参数:规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒. (可选)callback 参数:是隐藏或显示完成后所执行的函数名称.   例1:使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: <scr…
1.jQuery fadeIn() 方法( 用于淡入已隐藏的元素.) 语法: $(selector).fadeIn(speed,callback); 可选的 speed 参数规定效果的时长.它可以取以下值:"slow"."fast" 或毫秒. 可选的 callback 参数是 fading 完成后所执行的函数名称. <script type="text/javascript" src="http://ajax.googleapis…
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 #panel,#flip{ 8 padding: 5px; 9 text-align: center; 10 background-color: #ccc; 11 borde…
function(e): 事件包括事件源和事件数据,事件源是指是谁触发的这个事件,谁就是事件源(div,按钮,span都可以是事件源),时间数据是指比如点击鼠标的事件中,事件数据就是指点击鼠标的左建或者右键,还是双击,这就是事件数据,时间数据存放在e中. 全选: <body> <input type="checkbox" id="qx" /> 全选 <input type="checkbox" value="…
还在学习过程中,如果有大大看到请指点. orz原来官方就有了更好的处理方法的教程,具体查看下面视屏. [Unity官方实例教程 秘密行动] Unity官方教程<秘密行动>(五) 屏幕渐变效果 由于使用原本的Application.LoadLevel()函数可以直接加载场景. 但由于太过生硬,所以这里就做一个淡入淡出的效果来进行过渡. 一.思路: 只要在加载完成并切换完成之前,先黑屏,切换完成之后在在恢复就可以了. 1.创建一个遮罩. 颜色用黑色.#000 Alpha默认设置为0. 让遮罩层覆盖…
本文与上一篇的<[jQuery]使用JQ来编写最主要的淡入淡出效果>(点击打开链接)为姊妹篇. 但上一篇仅仅是对文本的基本控制,本篇则是对面板元素进行控制. 尽管功能上很类似,可是所用到的控制函数是不同的,因此有必要进行说明. 实现了点击一个面板来控制还有一个面板.而且对显示与隐藏速度进行了控制. 一.基本目标 网页中有两个面板一个button,点击上面板,则可以使以下在显示/隐藏之间来回切换.点击下方的三个button.可以分别实现以下板的缓慢隐藏.缓慢显示.迅速在隐藏/显示中切换的功能,如…
废话不多说,先贴代码,再解释 <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").fadeToggle(); $("#div2").fadeToggle("slow"); $(); }); }); </script> <p>演示带有不同参数的 fadeToggle() 方法.</…
转: jQuery.grep() 什么是jQuery.grep()? jQuery.grep()是一个查找满足过滤函数的数组元素的函数.原始数组不受影响,返回值为数组. 用法介绍: 写法: jQuery.grep( array, function(elementOfArray, indexInArray) [, invert ] ) 参数介绍: array 类型: Array 用于查询元素的数组. function(elementOfArray, indexInArray) 类型: Functi…