1. 下载软件包xoops2_hack_ajaxJtip_1.0.rar

2. 解压包把pic-js,pic-css,pic-img复制到你的主题中,以phpkaox主题为例子

3. 在主题的theme.html文件中head部分,增加如下内容.

<!--Ajax Begin-->
<script src="<{$xoops_url}>/themes/phpkaox/pic-js/jquery.js" type="text/javascript"></script>
<script src="<{$xoops_url}>/themes/phpkaox/pic-js/jtip.js" type="text/javascript"></script>
<link rel="stylesheet" href="<{$xoops_url}>/themes/phpkaox/pic-css/jtip.css" type="text/css" media="screen" />
<!--Ajax End-->


4. 修改jtip.css.找到

#JT_arrow_left{
    background-image: url(http://www.ncnynl.com/xoops2016u/themes/phpkaox/pic-img/arrow_left.gif);
}

#JT_arrow_right{
    background-image: url(http://www.ncnynl.com/xoops2016u/themes/phpkaox/pic-img/arrow_right.gif);
}

.JT_loader{
    background-image: url(http://www.ncnynl.com/xoops2016u/themes/phpkaox/pic-img/loader.gif);
}

url内容替代为自己,写入绝对路径


5. 从压缩包里面提取xoops_jTip_content,并放于根目录.

6. 在适当地方,加入如下行:

<!--jTip-->
<a href="<{$xoops_url}>/xoops_jTip_content.php?width=175&amp;link=http://www.yahoo.com"
name="Before You Click..." id="yahooCopy" class="jTip">jTip效果</a>


7. 完成以上步骤,则你就拥有Jtip效果的提示
具体效果可以访问http://www.ncnynl.com/顶部的Jtip效果.

8.效果如下