WordPress返回顶部插件:Dynamic “To Top”

文章热度: 2,180 ℃ | 分类: SEO友好类插件, WordPress插件

标签:

WordPress返回顶部插件:Dynamic To Top

发表于: 2012 年 11 月 23 日 | 19 条评论

之前,WP巴士曾介绍过一款WordPress返回顶部插件:”Go To Top“,不过那款功能太简单,且只能显示文字。今天介绍这款 Dynamic “To Top” 功能相比之下,要丰富的多。不仅可以使用文字、图标、而且还加入了css3特效,可以自定义位置、图标的边框大小及宽度、颜色等等。

Dynamic “To Top”简介

Adds an automatic and dynamic “To Top” button to easily scroll long pages back to the top.

Dynamic “To Top”下载

官方下载 | 百度网盘下载

Dynamic “To Top”安装

下载插件解压并上传到/wp-content/plugins/目录下,到后台激活插件,点击”主题 – To Top“,进入插件控制面板。

Dynamic “To Top”配置

主题界面为英文,大致的翻译如下图所示(点击放大):

根据自己需求设置相应参数即可。


除非注明,网站文章均为原创,转载请标明本文地址
本文地址: http://www.wpbus.com.cn/dynamic-to-top.html





上一篇:
下一篇:

关于小编:爱博客、爱游戏、爱熬夜又爱睡觉。梦想环游世界,现实宅在家中...

新浪微博 | 腾讯微博 | 订阅我们

        • 多说个性化设置-自定义CSS插入下面代码
          #ds-reset .ds-avatar img,#ds-reset .ds-avatar img:hover{
          -webkit-animation-fill-mode: both;
          -moz-animation-fill-mode: both;
          -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-animation-duration: 0s;
          -moz-animation-duration: 0s;
          -ms-animation-duration: 0s;
          -o-animation-duration: 0s;
          animation-duration: 0s;
          -webkit-animation-duration: 0.7s;
          -moz-animation-duration: 0.7s;
          -ms-animation-duration: 0.7s;
          -o-animation-duration: 0.7s;
          animation-duration: 0.7s;
          }

          @-webkit-keyframes swing {
          20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
          20% { -webkit-transform: rotate(15deg); }
          40% { -webkit-transform: rotate(-10deg); }
          60% { -webkit-transform: rotate(5deg); }
          80% { -webkit-transform: rotate(-5deg); }
          100% { -webkit-transform: rotate(0deg); }
          }

          @-moz-keyframes swing {
          20% { -moz-transform: rotate(15deg); }
          40% { -moz-transform: rotate(-10deg); }
          60% { -moz-transform: rotate(5deg); }
          80% { -moz-transform: rotate(-5deg); }
          100% { -moz-transform: rotate(0deg); }
          }

          @-o-keyframes swing {
          20% { -o-transform: rotate(15deg); }
          40% { -o-transform: rotate(-10deg); }
          60% { -o-transform: rotate(5deg); }
          80% { -o-transform: rotate(-5deg); }
          100% { -o-transform: rotate(0deg); }
          }

          @keyframes swing {
          20% { transform: rotate(15deg); }
          40% { transform: rotate(-10deg); }
          60% { transform: rotate(5deg); }
          80% { transform: rotate(-5deg); }
          100% { transform: rotate(0deg); }
          }

          #ds-reset .ds-avatar img:hover{
          -webkit-transform-origin: top center;
          -moz-transform-origin: top center;
          -o-transform-origin: top center;
          transform-origin: top center;
          -webkit-animation-name: swing;
          -moz-animation-name: swing;
          -o-animation-name: swing;
          animation-name: swing;
          }

  1. Pingback: WordPress返回顶部插件:Dynamic “To Top”| Ray'墨与影