Title: Page Transition Author: numixtech Published: 2014 年 7 月 10 日 Last modified: 2014 年 9 月 15 日 --- 搜索插件 ![](https://ps.w.org/page-transition/assets/banner-772x250.png?rev=976979) **该插件尚未通过WordPress的最新3个主要版本进行测试**。当与较新版本的WordPress一起使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://s.w.org/plugins/geopattern-icon/page-transition_458bac.svg) # Page Transition 作者：[numixtech](https://profiles.wordpress.org/numixtech/) [下载](https://downloads.wordpress.org/plugin/page-transition.1.3.zip) * [详情](https://cn.wordpress.org/plugins/page-transition/#description) * [评价](https://cn.wordpress.org/plugins/page-transition/#reviews) * [安装](https://cn.wordpress.org/plugins/page-transition/#installation) * [开发进展](https://cn.wordpress.org/plugins/page-transition/#developers) [支持](https://wordpress.org/support/plugin/page-transition/) ## 描述 Page Transition is a simple and easy wordpress plugin used to add page transition using CSS3 animations. Show your page with modern animations. Set different animations effects for page in (on load) and page out (on unload). You can also set value to “None” to disable page in or page out animation. Available options and features: * Set Page In Animation * Set Page Out Animation * Set Page In Animation Duration * Set Page Out Animation Duration * Set whether to show loading or not * Set loading text color #### 9 different transition effects available * Fade * Fade Down * Fade Up * Fade Left * Fade Right * Rotate * Flip X * Flip Y * Zoom This plugin is using jquery animsition plugin by Bilvesta. Please check demo at [http://git.blivesta.com/animsition/](http://git.blivesta.com/animsition/) ## 屏幕截图 [⌊Admin settings/options screenshot⌉⌊Admin settings/options screenshot⌉[ Admin settings/options screenshot ## 安装 **Installation Instruction & Configuration** 1. You can use the built-in installer. OR Download the zip file and extract the contents. Upload the ‘page-transition’ folder to your plugins directory (wp-content/plugins/). 2.Activate the plugin through the ‘Plugins’ menu in WordPress. 3.Go to Settings -> Page Transition and set your desired transition effect for page in and page out and animation duration. ## 常见问题 I have set transition effects but I can’t see effects in front-end ? This plugin requires that you call wordpress “body_class” function like `` in your body tag in header. Your body tag should be look like `>`. ## 评价 ![](https://secure.gravatar.com/avatar/58f4efacac82be56694d2789777467dde19ce0090d45da2186fca484863ae929? s=60&d=retro&r=g) ### 󠀁[Perfect, but please update!](https://wordpress.org/support/topic/perfect-but-please-update/)󠁿 [dmoralesz](https://profiles.wordpress.org/dmoralesz/) 2020 年 12 月 23 日 I love this plugin. It is perfect just as it is. Please, update it to ensure it will continue working on the future. ![](https://secure.gravatar.com/avatar/84fbb58283f4871a2d6897d811e76c579118bc8c5a8a27d3f893cd6ceca27ee9? s=60&d=retro&r=g) ### 󠀁[Cute!](https://wordpress.org/support/topic/cute-9/)󠁿 [eiie](https://profiles.wordpress.org/eiie/) 2018 年 2 月 6 日 Nice plugin. It seems to work and has some fun effects to customize. I like it a lot. Very useful. ![](https://secure.gravatar.com/avatar/9a67d815d751ab662aa64282b517a77a59502cfdcaba00fedd46774407294f7e? s=60&d=retro&r=g) ### 󠀁[Great plugin so far!](https://wordpress.org/support/topic/great-plugin-so-far-10/)󠁿 [milenfrom](https://profiles.wordpress.org/milenfrom/) 2017 年 7 月 23 日 Thank you guys for making this plugin! It is working great on my website, on all pages! ![](https://secure.gravatar.com/avatar/5380e5455bfb58456eac991e0bea9534be5c8388a7b5cc3601ee5505d9c96645? s=60&d=retro&r=g) ### 󠀁[great but…](https://wordpress.org/support/topic/great-but-72/)󠁿 [oguido](https://profiles.wordpress.org/oguido/) 2017 年 6 月 7 日 hi and good work on this one! i just wanted to mention i had to change the jquery. animsition.js files for the newer version to fix the back-button-blank-page bug. I think it could already come with the plugin download… Oh, and also the transition works on everything in the page except the parallax image header… (adamrom-parallax- scroll) cheers 🙂 ![](https://secure.gravatar.com/avatar/cf69ef6155fa671d325c1ff87511ce86520ddb11768171560f1e08ef077f4d7d? s=60&d=retro&r=g) ### 󠀁[design flaw](https://wordpress.org/support/topic/design-flaw/)󠁿 [Anonymous User 14293447](https://profiles.wordpress.org/anonymized-14293447/) 2016 年 10 月 19 日 Though it hasn’t been updated for 2 years the plugin still works. But maybe it does need to be updated, because a nice transition should be between one page to the other, not interposing a blank page in between (like page1 > blankpage with loading >page2). For this reason I uninstalled. ![](https://secure.gravatar.com/avatar/f754b230cd2a3e03397b92d26a2bbbc820f4ac3bfe1c23af9c0af347b8003629? s=60&d=retro&r=g) ### 󠀁[Very simple and useful](https://wordpress.org/support/topic/very-simple-and-useful-2/)󠁿 [edoron777](https://profiles.wordpress.org/edoron777/) 2016 年 10 月 3 日 Very simple and useful [ 阅读所有33条评价 ](https://wordpress.org/support/plugin/page-transition/reviews/) ## 贡献者及开发者「Page Transition」是开源软件。以下人员对此插件做出了贡献。贡献者 * [ numixtech ](https://profiles.wordpress.org/numixtech/) * [ Gaurav Padia ](https://profiles.wordpress.org/gauravpadia/) * [ asalamwp ](https://profiles.wordpress.org/asalamwp/) [帮助将「Page Transition」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/page-transition) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/page-transition/)，查看 [SVN仓库](https://plugins.svn.wordpress.org/page-transition/)，或通过[RSS](https://plugins.trac.wordpress.org/log/page-transition/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/page-transition/)。 ## 更新日志 #### 1.3 * Excluded mailto email address links * Exclude page out animation on particular link by apppying “no-animation” class to link “a” tag #### 1.2 * Added Loading Text color option * Minor bug fixes #### 1.1 * Updated jquery animsition plugin to latest 3.2.1 version * Added new options for setting adnimation duration and whether to show loading or not. * Removed modernizr javascript as animsition version 3.2.1 supports checking browser css3 animation support inbuilt * Added Rate us on wordpress link #### 1.0 * Initial version. ## 额外信息 * 版本 **1.3** * 最后更新：**12 年前** * 活跃安装数量 **800+** * WordPress 版本 ** 3.6 或更高版本 ** * 已测试的最高版本为 **4.0.38** * 语言 * [English (US)](https://wordpress.org/plugins/page-transition/) * 标签 * [animate](https://cn.wordpress.org/plugins/tags/animate/)[animations](https://cn.wordpress.org/plugins/tags/animations/) [CSS3](https://cn.wordpress.org/plugins/tags/css3/)[effects](https://cn.wordpress.org/plugins/tags/effects/) [fade](https://cn.wordpress.org/plugins/tags/fade/) * [高级视图](https://cn.wordpress.org/plugins/page-transition/advanced/) ## 评级 4.5 星（最高 5 星）。 * [ 25 条 5 星评价 ](https://wordpress.org/support/plugin/page-transition/reviews/?filter=5) * [ 3 条 4 星评价 ](https://wordpress.org/support/plugin/page-transition/reviews/?filter=4) * [ 3 条 3 星评价 ](https://wordpress.org/support/plugin/page-transition/reviews/?filter=3) * [ 2 条 2 星评价 ](https://wordpress.org/support/plugin/page-transition/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/page-transition/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/page-transition/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/page-transition/reviews/) ## 贡献者 * [ numixtech ](https://profiles.wordpress.org/numixtech/) * [ Gaurav Padia ](https://profiles.wordpress.org/gauravpadia/) * [ asalamwp ](https://profiles.wordpress.org/asalamwp/) ## 支持有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/page-transition/) ## 捐助您愿意支持这个插件的发展吗? [ 捐助此插件 ](http://numixtech.com/)