WordPress翻页效果插件Pageear

大家可以看到小站右上角的小页角,只要鼠标移上去,就会有翻页的效果(综合各方面因素,我已经将该插件移除,欲看效果请移步梅花香)。你一定被它吸引住了吧,那就对了,因为这个效果的诞生就是为了吸引住访客的眼球,很多站长都把这一效果应用于AD。像我这样没有流量的小站,把这么酷的效果应用在AD上,实在有些于心不忍,所以就加载了个订阅页面吧。为此我还特地去申请了FeedSky,绑上了玉米,童鞋们可别光点不订阅哟,嘿嘿~

是不是很想知道这个效果是怎么实现的呢?等急了吧,请先允许我在此感谢MINT,我是在他的网站上看到这个有趣的小玩意儿的,我就直接拿来主义给用上了。下面就直接进入正题。

要实现这个效果其实一点也不难,尤其是对Wordpress的用户而已,区区一个Pageear插件就可以搞定。而问题在于安装设置好之后,发现这插件有一些些瑕疵,当卷起页角的时候会在页面底部会多出一条横向的滚动条。可是官方网站上的演示却没有这碍眼的滚动条,虽然不影响页面布局,但我是个完美主义者,岂能容忍这个多余的滚动条?除之而后快!

插件文件夹里有pageear_s.swf、pageear_b.swf、pageear_source.js、AC_OETags.js、pageear.js、pageear.php这些重要文件。我对Flash比较熟悉,所以第一反应就是Flash的舞台稍微大了些,把浏览器给撑破了,所以多出来个滚动条。于是我对这两个flash文件进行反编译,和从官方网站上提取出来flash进行对比分析之后,发现问题并不是出在flash上。

那我就郁闷了,为了完美地解决滚动条问题,我只好硬着头皮去看另外两个我并不熟悉的js。终于,我费尽九牛二虎之力(其中的曲折离奇在此不多作熬述),发现在pageear_source.js中页面宽度多了1px,可别小看这1px,这就足够有理由让浏览器生成一个滚动条!至此,经我优化的Pageear插件就完美啦,哈哈~这里我就直接提供我修改好的pageear_source.js文件,大家只要上传覆盖原文件既可。点此下载

这插件是英文的,为了方便大家设置,也不用百度、Google到处搜了,这里附上后台设置参数的译文,有实力有兴趣的朋友可以帮忙汉化下这个插件,就当服务大众啦。

* 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:是否在卷角上加上插件作者的链接