一 导语
如果你只是把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>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。