jQuery A+ ,一款用於增強a元素標籤功能的外掛

仁平君發表於2016-08-13

一 導語

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

相關文章