{"id":454,"date":"2009-12-21T23:41:26","date_gmt":"2009-12-21T15:41:26","guid":{"rendered":"http:\/\/www.zhangxinxu.com\/wordpress\/?p=454"},"modified":"2017-12-31T21:18:12","modified_gmt":"2017-12-31T13:18:12","slug":"jquery-innerfade%e5%86%85%e9%83%a8%e5%88%97%e8%a1%a8%e8%87%aa%e5%8a%a8%e6%b7%a1%e5%85%a5%e6%b7%a1%e5%87%ba%e6%8f%92%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/www.zhangxinxu.com\/wordpress\/2009\/12\/jquery-innerfade%e5%86%85%e9%83%a8%e5%88%97%e8%a1%a8%e8%87%aa%e5%8a%a8%e6%b7%a1%e5%85%a5%e6%b7%a1%e5%87%ba%e6%8f%92%e4%bb%b6\/","title":{"rendered":"jQuery-innerfade\u5185\u90e8\u5217\u8868\u81ea\u52a8\u6de1\u5165\u6de1\u51fa\u63d2\u4ef6"},"content":{"rendered":"

by zhangxinxu<\/a> from http:\/\/www.zhangxinxu.com<\/a>
\n\u672c\u6587\u5730\u5740\uff1ahttp:\/\/www.zhangxinxu.com\/wordpress\/?p=454<\/a><\/p>\n

\u4e00\u3001\u63d2\u4ef6\u529f\u80fd\u7b80\u8ff0<\/h3>\n

\u80fd\u8ba9\u4efb\u610f\u5217\u8868\u5f62\u5f0f\u7684\u5185\u5bb9\u4f9d\u6b21\u6de1\u5165\u6de1\u51fa\u5207\u6362\u663e\u793a\uff0c\u6216\u662f\u4e0a\u4e0b\u5207\u6362\u663e\u793a\u3002\u5185\u5bb9\u53ef\u4ee5\u662f\u6587\u5b57\uff0c\u56fe\u7247\u7b49\u3002\u652f\u6301\u5404\u5f0f\u6807\u7b7e\uff0c\u5217\u8868\u6807\u7b7e<ul><\/code>\uff0c<li><\/code>\u6216\u662f<div><\/code>\uff0c<p><\/code>\u6807\u7b7e\u90fd\u53ef\u4ee5\u3002<\/p>\n

\u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u7684\u5b9e\u73b0\u8bf8\u5982\u65b0\u95fb\u6216\u516c\u544a\u5185\u5bb9\u7684\u81ea\u52a8\u968f\u673a\u5207\u6362\u663e\u793a\uff0c\u6216\u662f\u56fe\u7247\u5e7b\u706f\u7247\u7684\u64ad\u653e\u663e\u793a\u7b49\u3002\u4e0b\u56fe\u5c55\u793a\u7684\u662f\u56fe\u7247\u5e7b\u706f\u7247\u5207\u6362\u7684\u8fc7\u6e21\u9636\u6bb5:<\/p>\n

\"\u6de1\u5165\u6de1\u51fa\u5207\u6362\u8fc7\u7a0b\u4e2d\"<\/p>\n

\u60a8\u53ef\u4ee5\u72e0\u72e0\u5730\u70b9\u51fb\u8fd9\u91cc\uff1ademo\u5b9e\u4f8b\u9875\u9762<\/a><\/p>\n

\u4e8c\u3001\u4f7f\u7528\u65b9\u6cd5\u7b80\u8ff0<\/h3>\n

1\u3001\u5173\u4e8ejQuery\u7684\u4f7f\u7528<\/h4>\n

\u8bed\u6cd5\u5982\u4e0b\uff1a<\/p>\n

$().innerfade(options);<\/pre>\n
\u5176\u4e2doptions<\/code>\u662f\u4e2a\u53ef\u9009\u53c2\u6570\u5bf9\u8c61\uff0cAPI\u5305\u62ec\uff1a<\/p>\n\n\n\n\n\n\n\n\n\n\n
API\u540d\u79f0<\/th>\n\u9ed8\u8ba4\u503c<\/th>\n\u91ca\u4e49<\/th>\n<\/tr>\n<\/thead>\n
animationtype<\/td>\n‘fade’<\/td>\n\u52a8\u753b\u7c7b\u578b\u662f\u6de1\u51fa\u6de1\u5165('fade'<\/code>),\u8fd8\u662f\u6ed1\u4e0a\u6ed1\u4e0b('slide'<\/code>)<\/td>\n<\/tr>\n
speed<\/td>\n‘normal’<\/td>\n\u6de1\u5165\u6de1\u51fa\u7684\u901f\u5ea6\uff0c\u5355\u4f4d\u4e3a\u6beb\u79d2\uff0c\u6216\u662f\u4f7f\u7528\u5173\u952e\u5b57\u5982 (slow<\/code>, normal<\/code> \u6216 fast<\/code>)<\/td>\n<\/tr>\n
timeout<\/td>\n2000<\/td>\n\u4e00\u6b21\u52a8\u753b\u6301\u7eed\u7684\u65f6\u95f4<\/td>\n<\/tr>\n
type<\/td>\n‘sequence’<\/td>\n\u6ed1\u52a8\u663e\u793a\u7684\u987a\u5e8f: \"sequence\"<\/code>, \"random\"<\/code> \u6216\u662f \"random_start\"<\/code><\/td>\n<\/tr>\n
containerheight<\/td>\n‘auto’<\/td>\n\u5bb9\u5668\u7684\u9ad8\u5ea6\uff0c\u663e\u793a\u533a\u57df\u7684\u9ad8\u5ea6<\/td>\n<\/tr>\n
runningclass<\/td>\n‘innerfade’<\/td>\n\u7ed9\u5bb9\u5668\u6dfb\u52a0\u7684\u6837\u5f0f\u7684\u540d\u79f0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
2\u3001\u5173\u4e8eHTML\u4ee3\u7801\u7684\u4f7f\u7528<\/h4>\n
HTML\u4ee3\u7801\u7684\u4f7f\u7528\u76f8\u5bf9\u8f7b\u677e\u4e9b\uff0c\u60a8\u53ea\u9700\u8981\u628a\u5217\u8868\u9879\u5217\u597d\uff0c\u7ed9\u5bb9\u5668\u52a0\u4e2aclass<\/code>\u6216\u662fid<\/code>\u5c31\u53ef\u4ee5\u4e86\uff0c\u5269\u4e0b\u7684jQuery\u4f1a\u5e2e\u60a8\u81ea\u52a8\u5b8c\u6210\uff0c\u786e\u5b9e\u5f88\u65b9\u4fbf\u3002
\n\u5982\u4e0b\u7b80\u5355\u793a\u4f8b\uff1a<\/p>\n
\n<ul id=\"news\" class=\"mb20\">\n  <li>\u00b7<a href=\"#\">\u4e8c\u5957\u623f\u8d37\u9996\u4ed8\u6216\u63d0\u81f350% \u653f\u5e9c\u62df\u6253\u538b\u697c\u5e02<\/a><\/li>\n  <li>\u00b7<a href=\"#\">\u9648\u4e91\u6797\u62b5\u53f0\u53c2\u52a0\u4f1a\u8c08 \u5411\u7eff\u8425\u6297\u8bae\u8005\u6325\u624b<\/a><\/li>\n  <li>\u00b7<a href=\"#\">\u5168\u56fd\u732a\u8089\u51fa\u573a\u4ef7\u8fde\u6da86\u5468 \u519c\u4ea7\u54c1\u6da8\u4ef7\u5e45\u5ea6\u5927<\/a><\/li>\n<\/ul><\/pre>\n
\u6216\u662f\uff1a<\/p>\n
\n<div class=\"fade\">\n  <p>1<\/p><p>2<\/p><p>3<\/p><p>4<\/p><p>5<\/p>\n<\/div>\n<div class=\"fade\">\n  <p>a<\/p><p>b<\/p><p>c<\/p><p>d<\/p><p>e<\/p>\n<\/div>\n<\/pre>\n
3\u3001\u76f8\u5e94jQuery\u4ee3\u7801<\/h4>\n
\u4ee5\u4e0bjQuery\u4ee3\u7801\u9488\u5bf9\u4e0a\u9762\u7684HTML\u4ee3\u7801\uff1a<\/p>\n
\n
\n$(\"#news\").innerfade({\n  animationtype: \"slide\",   \/\/ \u4e0a\u4e0b\u6ed1\u52a8<\/span>\n  speed: 750,               \/\/ \u901f\u5ea6750\u6beb\u79d2<\/span>\n  timeout: 2000,            \/\/ \u6bcf2\u79d2\u53d8\u6362\u4e00\u6b21<\/span>\n  type: \"random\",           \/\/ \u968f\u673a\u663e\u793a\u5217\u8868\u5185\u5bb9<\/span>\n  containerheight: \"1em\"    \/\/ \u663e\u793a\u7684\u9ad8\u5ea6\u4e3a1em<\/span>\n});\n$(\".fade\").innerfade({\n  speed: \"slow\",           \/\/ \u901f\u5ea6\u5207\u6362\u6162<\/span>\n  timeout: 1000,           \/\/ \u5217\u8868\u5185\u5bb9\u66f4\u6362\u901f\u5ea61000\u6beb\u79d2<\/span>\n  type: \"sequence\",        \/\/ \u987a\u5e8f\u663e\u793a<\/span>\n  containerheight: \"1.2em\" \/\/ \u5bb9\u5668\u9ad8\u5ea61.2em<\/span>\n}); <\/pre>\n<\/div>\n
\u4e09\u3001\u4e0b\u8f7d<\/h3>\n
1\u3001\u60a8\u53ef\u4ee5\u76f4\u63a5\u4e0b\u8f7djs\u63d2\u4ef6\u6587\u4ef6\uff08\u53f3\u952e-\u53e6\u5b58\u4e3a\u7b49\uff09\uff1ajquery.innerfade.js<\/a><\/p>\n
2\u3001zip\u6e90\u6587\u4ef6\u6253\u5305\u4e0b\u8f7d
\n\u60a8\u53ef\u4ee5\u72e0\u72e0\u5730\u70b9\u51fb\u8fd9\u91cc\uff1a\u6e90\u6587\u4ef6\u4e0b\u8f7d<\/a>(.zip 20.2K)<\/p>\n
\u56db\u3001\u7ed3\u8bed<\/h3>\n
\u53c2\u8003\u81ea\uff1ahttp:\/\/medienfreunde.com\/deutsch\/weblog\/aus_der_praxis.html?nid=162<\/a><\/p>\n
\u672c\u6587\u4e3a\u539f\u521b\u6587\u7ae0\uff0c\u8f6c\u8f7d\u8bf7\u6ce8\u660e\u6765\u81ea\u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b<\/a>[http:\/\/www.zhangxinxu.com<\/a>]
\n\u672c\u6587\u5730\u5740\uff1ahttp:\/\/www.zhangxinxu.com\/wordpress\/?p=454<\/a><\/p>\n
\uff08\u672c\u7bc7\u5b8c\uff09<\/p>\n","protected":false},"excerpt":{"rendered":"
\"innerfade\u5217\u8868\u5207\u6362\u663e\u793a\u63d2\u4ef6\"
\n\u8fd9\u662f\u4e00\u6b3e\u7528\u4ee5\u5904\u7406\u5217\u8868\u5143\u7d20\u663e\u793a\u7684\u975e\u5e38\u5b9e\u7528\u7684\u63d2\u4ef6\u3002\u4f8b\u5982\u65b0\u95fb\u5185\u5bb9\u7684\u6eda\u52a8\u663e\u793a\uff0c\u56fe\u7247\u7684\u5e7b\u706f\u7247\u5207\u6362\u663e\u793a\uff0c\u6240\u6709\u4e0e\u5217\u8868\u5143\u7d20\u663e\u793a\u6709\u5173\u7684\u5185\u5bb9\u90fd\u53ef\u4ee5\u4f7f\u7528\u6b64\u63d2\u4ef6\uff0c\u4f7f\u7528\u975e\u5e38\u7b80\u5355\uff0c\u65b9\u4fbf\u3002
\n\u672c\u6587\u7b80\u8981\u8bb2\u8ff0\u4f7f\u7528\u65b9\u6cd5\uff0c\u63d0\u4f9bdemo\u9875\u9762\uff0c\u63d0\u4f9b\u6e90\u6587\u4ef6\u6253\u5305\u4e0b\u8f7d\uff0c\u5e0c\u671b\u5bf9\u60a8\u7684\u5b66\u4e60\u6709\u6240\u5e2e\u52a9\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[60],"tags":[266,14,213,267,50,264,265],"_links":{"self":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts\/454"}],"collection":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/comments?post=454"}],"version-history":[{"count":0,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts\/454\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/media?parent=454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/categories?post=454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/tags?post=454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}