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