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

发布时间:2019-05-28 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了jQuery A+ ,一款用于增强a元素标签功能的插件脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

一 导语

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

脚本宝典总结

以上是脚本宝典为你收集整理的jQuery A+ ,一款用于增强a元素标签功能的插件全部内容,希望文章能够帮你解决jQuery A+ ,一款用于增强a元素标签功能的插件所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。