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

最新推荐文章于 2025-08-19 08:41:01 发布

转载最新推荐文章于 2025-08-19 08:41:01 发布 · 81 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000006256389

文章标签：

#javascript #ViewUI

本文介绍jQueryA+插件的使用方法，该插件通过简单的样式类为a标签增加打开模式窗口、显示通知面板、页内动画跳转等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一导语

如果你只是把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>