WordPress动态页角翻页效果实现

感谢 christian harz 为我们带来这一个很棒的网页效果。它让你能够在网站的角落处制作出动态的翻页效果,极能吸引访客注意并引导其进行指定链接访问。还是不明白?看下面的效果图:

snap11 WordPress动态页角翻页效果实现

更为形象的可以点这里查看DEMO。我们现在看看如何制作:

首先下载pageear_v13这个压缩包,解压并上传到你的网站内。

使用PS或其它图像工具分别制作一张100x100和500x500像素的JPG格式图片,它们的文件名分别是pageear_s.jpg和pageear_b.jpg。小的那一张是用来作为未翻页时候的背景图片,你可以加些吸引访客注意的标语;大的那一张图片是翻页后展示给访客的图片,这就要发挥你的广告创意啦,或者你可以把另一个网站的截图用上,效果也不错。两图片制作完成后上传至第一步中的文件夹内。

然后用文本编辑工具打开压缩包内的pageear.js文件。修改其中 pageear_b.swf 和 pageear_s.swf 文件的绝对路径(18~25行),使其与你第一步中上传的文件夹路径一致。

再次修改pageear.js文件中的第38行,把你需要的链接地址写上。

修改header.php文件,在</head>标签前,添加如下语句:

<script src="这里填写上传文件夹的路径/AC_OETags.js" type="text/javascript"></script>
<script src="这里填写上传文件夹的路径/pageear.js" type="text/javascript"></script>

接着修改footer.php文件,在</body>标签前,添加如下语句:

<script type="text/javascript">
writeObjects();
</script>

如果一切操作正确,你就能看到象DEMO一样的效果。

P.S.

1. 觉得这种动态效果很能吸引访客,如果你有两个以上的网站,你可以用这样的方法把访客吸引到新的网站上,效果很不错 :)
2. 在pageear.js文件中有很多可以自定义的选项,比如翻页效果的快慢,是否增加镜面效果,在左上角还是右上角,链接是否在新页面中打开等。大家可以根据自己要求选择更改。

分类:WordPress;标签:, , , ;收藏本文的永久链接

7 Responses to “WordPress动态页角翻页效果实现”

  1. 老N 回复此留言 2008/06/30 05:03 #comment-2647

    貌似很有意思,试试看去!

  2. ichaochao 回复此留言 2008/06/30 02:02 #comment-2646

    demo看不到特效啊

  3. Lzi 回复此留言 2008/06/30 11:38 #comment-2649

    在firefox下看不见特效的.....

  4. Jinwen 回复此留言 2008/06/30 11:39 #comment-2650

    不会啊,可能是你的广告插件将其过滤了。

  5. stephen 回复此留言 2008/07/02 04:37 #comment-2645

    看不到特效。。
    我最近打算搞一下评论系统,加入一个JQ效果,实现可折叠的评论栏。。

  6. deny 回复此留言 2008/07/16 16:29 #comment-2644

    很炫的效果,做广告应该更好一些!


The trackbacks and pingpacks:

  • WordPress Tips: WordPress动态页角翻页效果实现 at WordPress Today - Pingback on 08/06/30 07:15