很多的网站站长和博客主在他们网站/博客的右上角创建了一个翻页效果,你可能非常惊奇,他们是怎么做的?这就意味着他们已经成功地吸引了你的注意力,同时,我们假定这已经让访问者产生了好奇心,并且翻来看看,看到下面推荐的东西。

翻页效果如下图:

翻页效果

这的确是一个推广产品的好方法,同时,如果你希望访问者更多的关注某些内容,这确实可以吸引到更多注意力。对于兼职做网络赚钱的站长来说,你可以告诉你的广告客户,这是一个非常有趣和有用的方法。其实为你的博客创建一个翻页效果也是很简单的。特别是对于Wordpress用户来说,就更加简单了。

(译注:只翻译Wordpress部分)

1、下载PageEar插件

2、解压后,将pageear文件夹上传到wp-content/plugins目录。

3、激活插件。

4、在后台的二级导航栏中,你会看到Pageear-config,点击进入,这是设置页面。

5、各选项含义如下:

  • Mirror image:是否对角落上的图片生成倒影效果 ON:是;OFF:否;
  • Fade in pageear if image completly loaded:当翻页效果加载完成之后,也就是说你鼠标移开之后,卷角收回的时间
  • Movement speed of small pageear:鼠标移开之后,卷角自动浮动的速度,单位:秒
  • Color of pagecorner in RGB:这个我也没有弄懂,貌似是卷角角落颜色值
  • URL to open on pageear click:当点击卷角的时候,打开的链接
  • Browser target (new) or self (self):打开的链接是在新窗口还是在当前窗口
  • Opens pageear automaticly in x seconds:访问者没有打开卷角时,多少秒内自动开启翻页效果
  • Seconds until pageear close after openOnLoad:访问者打开过卷角又关闭之后,多少秒自动重新打开
  • Set direction of pageear in left or right top browser corner (lt: left | rt: right ):卷角是在左上角(lt)还是右上角(rt)
  • Small pageear image:翻页效果没有打开的时候,小卷角的大小
  • Big pageear image:翻页效果打开之后的大小
  • Resize images to correct width:自动调整卷角和翻页效果至上述两个值
  • I like the pageear and want to support it with a backlink:是否在卷角上加上插件作者的链接

另外,卷角的图片和动画,可以修改插件所在目录的四个文件:pageear_b.jpg (大图片)、pageear_s.jpg(小图片)、pageear_b.swf(大的动画)、pageear_s.swf(小的动画)。

原文:Create A Peel Away Effect On Website [How To]

系列:Wordpress常用技巧40则

如果你喜欢本文,你可以 订阅本站全文Feed,以便获取更多相关的信息。

转载原创文章请注明出处,本文永久链接:http://www.davidlau.org/create-a-peel-away-effect-on-your-blog/

  • Digg
  • Technorati
  • del.icio.us
  • StumbleUpon
  • TwitThis
  • Sphinn
  • Facebook
  • LinkedIn
  • Google
  • YahooMyWeb
  • description
  • MisterWong
  • Live
  • 我挖网
  • QQ书签
  • 收客网
  • 百度搜藏
  • DigLog
  • 饭否
  • 365Key网摘
  • POCO网摘
  • 新浪ViVi

Here's A Few More Related Posts

RSS feed | Trackback URI

2 Comments »

Comment by ifender
2008-08-09 17:23:21
MyAvatars 0.2

有试过不?
这个是挺酷的,不过看起来挺耗资源

Comment by David Lau
2008-08-09 19:51:00
MyAvatars 0.2

呵呵~是挺酷的,我也有测试过,确实有点耗资源。

 
 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.