2

一 导语

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

仁平君
1.4k 声望30 粉丝

终南山下,汉水之滨。