iPost

Sharepack 3.0 气泡版 2009-01-16 update

此版本仍基于 jQuery 框架，以 Coda Popup Bubbles 修改而成。

此版本除了改用气泡式弹出模式，另外又添加了来自 G2 的分享按钮。制作气泡版是为让读者减少点击步骤，鼠标滑动 Sharepack 主按钮气泡会立即弹出，鼠标移开会自动消失，同时也更便于读者发现这些快捷收藏。效果图如下：

下载 Sharepack 3 文件包

在说明文档 (Readme.txt)中我已写明调用方法，在这里再次要强调的是，由于每个人的模板样式不同，如发现气泡左右偏移，请打开 sharepack.js 文件，在第51行找到：

left: 0,

修改该数值即可，不用添加 px

简单介绍一下此版本的模块结构：

<div id="sharepackbox"><img src="收藏图标主按钮图标路径" id="sharebotton" />
<div id="sharepack_bubble">v
<table id="sharepack_table">
<tr><td>第一排收藏图标</td></tr>
<tr><td>第二排收藏图标</td></tr>
<tr><td>第三排收藏图标</td></tr>
<tr><td>获取Sharepack的链接图标</td></tr>
</table><!--sharepack_table end-->
</div><!--sharepack_bubble end-->
</div><!--sharepackbox end-->

#Sharepackbox 是模块主容器，它将决定鼠标滑动的有效区域；

#sharepack_bubble 顾名思义即是弹出气泡的主容器，它定义了气泡背景图及边距；

#sharepack_table 是放置收藏图标的表格

强烈建议 Sharepack 与 Addthis 一起使用，因 Sharepack 主要以华语地区的收藏服务为主，用于补足 Addthis 目录。

如果您希望象我页面里一样将 Addthis 的收藏图标与 Sharepack 并排放置，需要手动修改一下 Sharepack.js 脚本文件。将模块主容器 <div id="sharepackbox"> 及它的结束符 </div> 提取出来放进您的模板文件，并将 Addthis 图标及其相关命令放入该容器内，比如：

<div id="sharepackbox"><addthis 图标与命令字符>
<script src="http://youdomin.com/ico/sharepack.js" type="text/javascript"></script>
</div><!--sharepackbox end-->

翻页查阅其他步骤及该插件更新历史

Pages: 1 2 3