jQuery A+ ，一款用于增强a元素标签功能的插件

2024年4月12日 221次阅读 来源: 仁平君

一 导语

如果你只是把a元素用来页面跳转、单双击事件等简单页面交互行为，那么你就out了。事实上，借助于jQuery A+插件，只需对a元素指定特定的样式类，即可实现打开模式窗口、显示通知面板、以动画方式实现页内跳转、打印页面等各种功能。

二 插件相关

1.Author: Andrea Vallorani

2.Source on GitHub: https://github.com/andreaval/…

3.官网url：http://japlus.simplit.it/

三 使用方法

1.引用插件

<script src="jquery.min.js"></script>
<script src="jquery.Aplus.js"></script>

2.调用插件

<script type="text/javascript">
$(function(){
    $('body').Aplus();
});
</script>

3.部分HTML代码样例

//在浏览器新标签或新窗口中打开链接页面
<a href="demo.html" class="blank">Blank</a> 

//显示打印窗口
<a href="#" class="print">Print</a>

//显示通知面板
<a href="demo.html" class="notify">Basic</a>

//显示模式窗口
<a href="demo.html" class="dialog dialog-modal" title="Modal dialog">Modal dialog</a>

//使用动画方式将页面滚动到指定锚点
<a href="#index" class="scroll">Scroll</a>

//设置页面滚动速度
<a href="#index" class="scroll scroll-speed-2000">Set speed</a>

//设置页面的目标滚动位置
<a href="#index" class="scroll scroll-offsetY-50">Set offset</a>
    原文作者：仁平君
    原文地址: https://segmentfault.com/a/1190000006256389
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞