安玉良:超炫WordPress漂亮的倒影式剥皮插件(附图)
大家好呀,我是安玉良
大家如果经常访问一下国外的单页就会发现,
有很多网站都有下面这种翻页的效果。非常漂亮了,而且显得专业,
所以我在这里把这个插件找到送给大家!截了图一下!本博客今天采用的效果图!
PageEar插件的作用很多,随便列几个出来:
–可以把你的RSS订阅放此页面;
–你的靓照也可以放在里面;
–在翻起的页角上安放广告。
PageEar插件就是一个能够让你实现上面截图展示效果的JavaScript特效,
它可以让你的网页右上角边缘,产生一个点击后”翻书”或者说”剥皮”的横幅效果,
我把它叫做“果皮横幅特效”。
这个特效的好处就是能够吸引浏览者的注意,
几乎没有访客会不留意到这样的特效。而且横幅在默认状态下是不显示的,
那里面的广告也就不会影响到用户的阅读。
可能你唯一需要考虑的是你的网页速度是否还经得起这样一个特效的折腾:)
index.HTML是一个演示。
pageear_b.jpg 是悬浮时出现的图片。
pageear_a.jpg 是正常状态下的图片。
pageear_b.swf和pageear_a.swf是实现动态”剥皮效果”效果的Flash文件。
当然,不能少了最重要的两个js文件。
PageEar插件后台设置选项说明:
Mirror image:是否在页面对角上生成图片的倒影效果 ON:YES;OFF:NO;
Fade in pageear if image completly loaded:说鼠标移开页角之后,卷角收回的时间;
Movement speed of small pageear:鼠标移开之后,卷角自动浮动的速度,单位:秒;
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插件的使用:
在你需要使用果皮横幅效果的页面加入下面的代码:
<!– PageEar function call –>
<script type=”text/javascript”>
writeObjects();</script>
<!– End PageEar function call –>
PS:希望大家喜欢了!有问题可以跟贴留言!!









哈哈,很高兴,老师又发布好东西了,学习一下。
安玉良 回复:
十月 6th, 2009 at 9:55 上午
欢迎晚成大哥的来访!
效果很好。。。OK
安玉良 回复:
十月 6th, 2009 at 9:50 上午
可以试着用下!
路过支持一下了!不错的内容!
安玉良 回复:
十月 6th, 2009 at 11:08 上午
欢迎来访!
不错。WP这种博客程序。
功能还是很强大的!
安玉良 回复:
十月 6th, 2009 at 11:08 上午
嗯。WP的博客程序。现在国内外用的人都不少。
不过用z-blog的也不少!
谢谢分享,不值对网速的影响如何?支持一下。
不错,学习一下!
这种功能的插件刚刚推出的时候好像还是收费的
安玉良 回复:
十月 9th, 2009 at 10:57 上午
现在用着是免费的。可以安装上试试。效果不错。
不过现阶段测试感觉在IE浏览器下没有问题
但是遨游浏览器下面。有时会产生一些小毛病。
鼠标在没有碰到右上角的时候就打开页面了!
怎能不支持呢,已经安装了
安玉良 回复:
十二月 11th, 2009 at 10:40 上午
回访,安装上的美女很漂亮啊! 呵呵!
安玉良 回复:
十二月 13th, 2009 at 8:30 上午
支持的,可以是你的主机空间不支持或别的什么原因!
有别的朋友也安装过了,没问题的!
有时间录个这方面的教程!