<?xml version="1.0" encoding="utf-8"?>
<!-- generator="FeedCreator 1.7.2-ppt DokuWiki" -->
<?xml-stylesheet href="http://zhidian.wuute.com/skylarkjs/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="http://zhidian.wuute.com/skylarkjs/feed.php">
        <title>Skylark.js知典 86:fx</title>
        <description></description>
        <link>http://zhidian.wuute.com/skylarkjs/</link>
        <image rdf:resource="http://zhidian.wuute.com/skylarkjs/lib/tpl/bootstrap3_1/images/favicon.ico" />
       <dc:date>2026-05-20T16:12:46+09:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/animate?rev=1503386250&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/fadein?rev=1503535849&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/fadeout?rev=1503535881&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/fadeto?rev=1503535816&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/fadetoggle?rev=1503535910&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/hide?rev=1503535738&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/scrolltotop?rev=1503536350&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/show?rev=1503535702&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/start?rev=1503388741&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/toggle?rev=1503535781&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="http://zhidian.wuute.com/skylarkjs/lib/tpl/bootstrap3_1/images/favicon.ico">
        <title>Skylark.js知典</title>
        <link>http://zhidian.wuute.com/skylarkjs/</link>
        <url>http://zhidian.wuute.com/skylarkjs/lib/tpl/bootstrap3_1/images/favicon.ico</url>
    </image>
    <item rdf:about="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/animate?rev=1503386250&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-08-22T16:17:30+09:00</dc:date>
        <title>animate()</title>
        <link>http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/animate?rev=1503386250&amp;do=diff</link>
        <description>animate()

功能

执行一组CSS属性的自定义动画。 还有一个例外，这个方法还支持不属于CSS属性的scrollTop属性。

语法


fx.animate(elm, properties, duration, ease, callback, delay) 


参数

	*  elm 
HTMLElement对象，指定对象HTML元素</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/fadein?rev=1503535849&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-08-24T09:50:49+09:00</dc:date>
        <title>fadeIn()</title>
        <link>http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/fadein?rev=1503535849&amp;do=diff</link>
        <description>fadeIn()

功能

通过淡入的方式显示匹配元素。

语法


fx.fadeIn(elm, duration, callback)


参数

	*  elm 
HTMLElement对象，指定对象HTML元素
	*  duration 
一个字符串或数字来决定动画的运行时间
	*  callback</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/fadeout?rev=1503535881&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-08-24T09:51:21+09:00</dc:date>
        <title>fadeOut()</title>
        <link>http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/fadeout?rev=1503535881&amp;do=diff</link>
        <description>fadeOut()

功能

通过淡出的方式隐藏匹配元素。

语法


fx.fadeOut(elm, duration, callback)


参数

	*  elm 
HTMLElement对象，指定对象HTML元素
	*  duration 
一个字符串或数字来决定动画的运行时间
	*  callback</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/fadeto?rev=1503535816&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-08-24T09:50:16+09:00</dc:date>
        <title>fadeTo()</title>
        <link>http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/fadeto?rev=1503535816&amp;do=diff</link>
        <description>fadeTo()

功能

调整匹配元素的透明度。

语法


fx.fadeTo(elm, duration,opacity, callback)


参数

	*  elm 
HTMLElement对象，指定对象HTML元素
	*  duration 
一个字符串或数字来决定动画的运行时间
	*  opacity 
在0和1之间的数字表示目标不透明度</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/fadetoggle?rev=1503535910&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-08-24T09:51:50+09:00</dc:date>
        <title>fadeToggle()</title>
        <link>http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/fadetoggle?rev=1503535910&amp;do=diff</link>
        <description>fadeToggle()

功能

通过匹配的元素的不透明度动画，来显示或隐藏它们。

语法


fx.fadeToggle(elm, duration, callback)


参数

	*  elm 
HTMLElement对象，指定对象HTML元素
	*  duration 
一个字符串或数字来决定动画的运行时间</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/hide?rev=1503535738&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-08-24T09:48:58+09:00</dc:date>
        <title>hide()</title>
        <link>http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/hide?rev=1503535738&amp;do=diff</link>
        <description>hide()

功能

隐藏指定的元素。

语法


fx.hide(elm, duration, callback)


参数

	*  elm 
HTMLElement对象，指定对象HTML元素
	*  duration 
一个字符串或数字来决定动画的运行时间
	*  callback 
动画完成后调用的函数</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/scrolltotop?rev=1503536350&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-08-24T09:59:10+09:00</dc:date>
        <title>scrollToTop()</title>
        <link>http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/scrolltotop?rev=1503536350&amp;do=diff</link>
        <description>scrollToTop()

功能

通过动画它的滚动条来滚动指定元素的内容。

语法


fx.scrollToTop(elm, pos, duration, callback) 


参数

	*  elm 
HTMLElement对象，指定对象HTML元素
	*  pos 
目标scrollTop位置
	*  duration 
一个字符串或数字来决定动画的运行时间</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/show?rev=1503535702&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-08-24T09:48:22+09:00</dc:date>
        <title>show()</title>
        <link>http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/show?rev=1503535702&amp;do=diff</link>
        <description>show()

功能

显示指定的元素。

语法


fx.show(elm, duration, callback)


参数

	*  elm 
HTMLElement对象，指定对象HTML元素
	*  duration 
一个字符串或数字来决定动画的运行时间
	*  callback 
动画完成后调用的函数</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/start?rev=1503388741&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-08-22T16:59:01+09:00</dc:date>
        <title>fx</title>
        <link>http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/start?rev=1503388741&amp;do=diff</link>
        <description>fx

这个模块包含一些与dom动画和转换相关的方法。

模块函数

function fx() {
}

成员列表
类型语法说明属性off属性speeds函数animate()执行一组CSS属性的自定义动画。 还有一个例外，这个方法还支持不属于CSS属性的scrollTop属性。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/toggle?rev=1503535781&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-08-24T09:49:41+09:00</dc:date>
        <title>toggle()</title>
        <link>http://zhidian.wuute.com/skylarkjs/doku.php/86/fx/toggle?rev=1503535781&amp;do=diff</link>
        <description>toggle()

功能

显示或隐藏指定的元素。

语法


fx.toggle(elm, duration, callback)


参数

	*  elm 
HTMLElement对象，指定对象HTML元素
	*  speed 
一个字符串或数字来决定动画的运行时间
	*  callback 
动画完成后调用的函数</description>
    </item>
</rdf:RDF>
