jQuery - plugins插件 - easing动画

单琛
2023-12-01

jQuery - plugins插件 - easing动画

[示例代码]

<html>
    <head>
        <script src="jquery-1.2.js"></script>
        <script src="jquery.easing.1.1.1.js"></script>
        <script>
            $(document).ready (
                function () {
                    $("#text").html($("#text").html().split("").map(
                        function (element, index, collection) {
                            return "<span>" + element + "</span>";
                        }
                    ).join(""));
                    $("#text span").each(function (index, element) {
                        setTimeout(function () {
                            $(element)
                                .animate({ fontSize: "20px" }, 1000, "elasinout")
                                .animate({ fontSize: "12px" }, 1000, "elasinout");
                            },
                            index * 100
                        );
                    });
                }
            );
        </script>
    </head>
    <body>
        <div id="text">http://blog.csdn.net/hu_zhenghui</div>
    </body>
</html>

[Easing插件简介]

http://jquery.com/plugins/project/easing

[jQuery官方网站]

http://jquery.com/

[jQuery当前版本]

http://docs.jquery.com/Release:jQuery_1.2

[jQuery其他下载地址]

下载列表, http://docs.jquery.com/Downloading_jQuery
最新代码, http://code.jquery.com/nightlies/jquery-nightly.js

[jQuery相关论坛]

http://groups.google.com/group/jquery-en

[jQuery关键词]

jQuery

[jQuery的Ajax]

 jQuery的Ajax文档, http://docs.jquery.com/Ajax/jQuery.ajax
jQuery的Ajax选项,http://docs.jquery.com/Ajax/jQuery.ajax#options
dataType选项,设置返回值类型
timeout选项,用于设置超时
与PHP集成可以使用json_encode返回结果, http://www.php.net/manual/zh/function.json-encode.php

[jQuery特效]

jQuery淡入特效,http://docs.jquery.com/Effects/fadeIn

[jQuery选择器]

表单元素选择器, http://docs.jquery.com/DOM/Traversing/Selectors#Form_Selectors
属性相等选择器,http://docs.jquery.com/Selectors/attributeEquals
选择器在选择body中出现的title标记时,会出现和预期不同的效果。

[jQuery常用函数]

attr访问自定义属性,减少javascript脚本中代码和数据的耦合
click, 绑定元素的onclick事件,http://docs.jquery.com/Events/click
filter, 用于在集合中过滤元素

[jQuery - Events事件]

hover, http://docs.jquery.com/Events/hover
submit提交, http://docs.jquery.com/Events/submit

[jQuery - Traversing遍历器]

filter过滤, http://docs.jquery.com/Traversing/filter
find查找, http://docs.jquery.com/Traversing/find

[jQuery - Tutorials教程]

Introducing $(document).ready(), http://docs.jquery.com/Tutorials:Introducing_%24%28document%29.ready%28%29

[jQuery - plugins插件]

Easing动画, http://jquery.com/plugins/project/easing
jCarouseLite, 走马灯效果, http://jquery.com/plugins/project/jCarouselLite
tableFilter, 表过滤器, http://jquery.com/plugins/project/tableFilter

[jQuery重要工具]

http://www.json.org/, http://www.json.org/json.js
 类似资料: