Wofav网页收藏&分享按钮的使用方法

      样式:1.内容后。复制并粘贴下面的JS代码,放到您的网页,可以在<body>和</body>的之间网页的任意位置放置。如果您的网站使用的模板,您也可以复制代码到您的模板,按钮将在所有网页自动出现。<script type="text/javascript" src="http://www.wofav.com/code/wofav.js" charset=utf-8></script>
            

               2.固定浮窗。固定浮窗是最简单的一种嵌入方式,只需要将下面的JS代码复制并粘帖到网页或模板页的最底部就可以了!,“分享浮标”直接固定在右侧的中部位置,没有动态效果。这样的好处是,对页面风格不会有太大影响,对访问者的注意力也不会造成分散。“固定浮标”风格也可以更换不同的图片颜色,只需要将"btn=r1.gif"中“1"更换成“1~6”任何一个数字即可实现颜色更换,站长可以自己动手尝试。<script type="text/javascript" src="http://www.wofav.com/code/wofav_d.js?btn=r1.gif" charset=utf-8></script>
            

              3.左侧浮窗。左侧浮窗是最简单的一种嵌入方式,只需要将下面的JS代码复制并粘帖到网页或模板页的最底部就可以了!“左侧浮标”风格也可以更换不同的图片颜色,只需要将"btn=r1.gif"中“1"更换成“1~6”任何一个数字即可实现颜色更换,站长可以自己动手尝试。<script type="text/javascript" src="http://www.wofav.com/code/wofav_l.js?btn=l1.gif" charset=utf-8></script>
           

              4.右侧浮窗。右侧浮窗是最简单的一种嵌入方式,只需要将下面的JS代码复制并粘帖到网页或模板页的最底部就可以了!“右侧浮标”风格也可以更换不同的图片颜色,只需要将"btn=r1.gif"中“1"更换成“1~6”任何一个数字即可实现颜色更换,站长可以自己动手尝试。<script type="text/javascript" src="http://www.wofav.com/code/wofav_r.js?btn=r1.gif" charset=utf-8></script>
         

              5.自定义按钮。如果您想对按钮的图片、文字自己定义,可以采用以下方法:更换图片:将<img src="http://www.wofav.com/code/images/wofav.gif" width="125" height="21" border="0" id="wofav_a" >更换为自己想要的任何按钮图片,图片可以放在本地服务器;请注意修改图片的宽度(width)和高度(height)。更换文字:也可以将图片标签直接换成文字,比如换成<a href="http://www.wofav.com/" class="wofav">分享到...</a>更换为自己想要的任何按钮图片,图片可以放在本地服务器。

    

      实例:a.html的代码

             

1 <html>
2  <head><title></title></head>
3  <body>
4 Wofav收藏分享
5 <script type="text/javascript" src="http://www.wofav.com/code/wofav.js" charset=utf-8></script>
6 <script type="text/javascript" src="http://www.wofav.com/code/wofav.js?Bn=1" charset=utf-8></script>
7 </body>
8 </html>

效果如下所示:

 

posted @ 2010-07-24 11:28  陈跳跳  阅读(498)  评论(0编辑  收藏  举报