`

fadeTo(speed, opacity, [callback])

阅读更多
fadeTo(speed, opacity, [callback])
如:

$("#WindowBox_bg").after("<div id='WindowBox'></div>");
$("#WindowBox").append("<div id='OutWindowBox'></div>");


$("#OutWindowBox").append("<div id='WindowBox_close'></div><div id='WindowBox_left'></div><div id='WindowBox_right'></div><div id='WindowBox_shop'></div>");
$("#WindowBox_shop").append("<div style='width:197px; height:26px; margin:10px auto 0px; cursor:pointer;'><div id='shop' style='width:98px; height:26px; float:left;'><img src='images/shop_bg1.png' /></div><div id='left' style='width:33px; height:26px; float:left;'><img src='images/left1.png' /></div><div id='right' style='width:33px; height:26px; float:left;'><img src='images/right1.png' /></div><div id='Sclose' style='width:33px; height:26px; float:left;'><img src='images/close1.png' /></div></div>");
$("#WindowBox_close").append("<div id='close'/>");
$("#close").css({"width":"50px","height":"20px","background-color":"#ffffff","float":"right","font-size":"13px","text-align":"center","line-height":"22px","overflow":"hidden","cursor":"pointer"})
.html("关闭");

$("#WindowBox").fadeTo('slow',0.65,function(){

在此对上面加载的div('WindowBox_close')操作css不起作用,可以bind进行绑定!

})

调用此方法,对div处理后,只能对div('WindowBox_close')进行绑定事件,不能处理对div的操作!
如:添加背景 修改颜色,不能操作
分享到:
评论

相关推荐

    jQuery动画.pptx

    JavaScript+jQuery 网页特效设计 jQuery动画 1、三组基本动画 - 显示(show)、隐藏(hide)和切换toggle()--显示隐藏动画组。 - 滑入(slideUp)与滑出(slideDown)与切换(slideToggle)... fadeTo(speed,opacity,callback) //

    jquery入门

    - `fadeTo(speed, opacity, callback)`:改变元素的透明度。 3. **滑动**: - `slideDown(speed, callback)`:元素向下滑动显示。 - `slideUp(speed, callback)`:元素向上滑动隐藏。 - `slideToggle(speed, ...

    JQuery 常用方法和事件详细介绍

    $(selector).fadeTo(speed, opacity, callback); ``` `fadeTo()`方法的`opacity`参数是介于0和1之间的浮点数,用于设定目标不透明度。 ### 回调函数的使用 在涉及动画的JQuery方法中,经常使用回调函数。回调函数...

    Jquery 1.3 简体中文手册

    fadeTo(speed, opacity, [fn]) 自定义 animate(param,[dur],[e],[fn]) animate(params, options) stop([clearQueue], [gotoEnd]) 设置 jQuery.fx.off Ajax Ajax 请求 $.ajax([options]) load(url, [data], ...

    jQuery学习动画效果基础

    $(selector).fadeTo([speed],opacity,[callback]); // 淡入淡出 }) ``` 在上面的代码中,我们使用`fadeIn()`方法来实现元素的淡入,然后使用`fadeOut()`方法来实现元素的淡出。最后,我们使用`fadeTo()`方法来实现...

    JQuery 1.3 中文参考手册

    fadeTo(speed, opacity, [fn]) 自定义 animate(param,[dur],[e],[fn]) animate(params, options) stop([clearQueue], [gotoEnd]) 设置 jQuery.fx.off Ajax Ajax 请求 $.ajax([options]) load(url, [data], ...

    jQuery 淡入/淡出效果函数用法分析

    $(selector).fadeTo(speed,opacity,callback); ``` - `speed`参数同上,指定动画速度。 - `opacity`参数是必需的,表示目标不透明度,范围是0(完全透明)到1(完全不透明)。 - `callback`参数同样是动画完成...

    jQuery1.4 API

    ) 淡入淡出 fadeIn(speed, [callback]) fadeOut(speed, [callback]) fadeTo(speed, opacity, [fn]) 自定义 animate(param,[dur],[e],[fn]) animate(params, options) stop([clearQueue], [gotoEnd]) delay(duration,...

    jQuery动画特效实例教程

    2. **淡入淡出效果**:`fadeIn(speed, callback)`, `fadeOut(speed, callback)`, 和 `fadeTo(speed, opacity, callback)`方法可以实现元素的淡入淡出效果。这些方法不仅能够控制元素显示的透明度,还能以指定的速度...

    jQuery 使用手册(五)

    `fadeTo(speed, opacity, callback)` 方法允许你将元素的透明度渐变到指定的值 `opacity`,同样支持回调函数。例如: ```javascript $("img").fadeTo("slow", 0.5, function() { alert("Animation Done."); }); //...

    分享一些常用的jQuery动画事件和动画函数

    - `fadeTo(speed, opacity, [callback])`:以指定的速度将所有匹配的元素渐变为给定的不透明度。 ### jQuery动画函数中的CSS属性 jQuery的`animate`函数可以操作一系列的CSS属性,从而实现更为复杂的自定义动画...

    jquery动画效果学习笔记(8种效果)

    - `fadeTo(speed, opacity, [callback])`:允许设置特定的透明度(0-1之间),例如设置为0.3表示30%的透明度: ```javascript function f1() { $("div").fadeOut(4000); } function f2() { $("div").fadeIn...

    jQuery实现带渐显效果的人物多级关系图代码

    3. `$(selector).fadeTo(speed, opacity, callback)`:此方法用于改变元素的透明度,透明度的值介于0(完全透明)和1(完全不透明)之间。 4. 动态绑定点击事件:`$(selector).click(function)`方法可以绑定一个...

    jQuery帮助手册(doc)

    - `.fadeTo(speed, opacity, callback)`: 改变元素的透明度。 - `.slideUp(speed, callback)`: 滑动隐藏元素。 - `.slideDown(speed, callback)`: 滑动显示元素。 3. **其他实用方法**: - `.each(function)`: ...

    jQuery详细教程

    演示简单的 jQuery fadeTo() 函数。 &lt;script type="text/javascript" src="/jquery/jquery.js"&gt;&lt;/script&gt; $(document).ready(function(){ $("button").click(function(){ $("div").fadeTo("slow",0.25); }); }...

    python教程之jqurey入门

    - `$(“selector”).fadeTo(speed,opacity,callback)`:淡入或淡出所选元素。 - `$(“selector”).slideUp(speed,callback)`:向上滚动所选元素。 2. **自定义动画**: - `$(“selector”).animate(styles,speed...

Global site tag (gtag.js) - Google Analytics