標籤：
最近為了做一個靜態網頁版的資料報告，不希望花很多時間去設計網頁，或者花時間去調整布局，於是找到了一個名為Smint的免費jQuery外掛程式。幾乎不需要寫什麼代碼就可以完成一個一頁式網站。這非常適合用來製作靜態網頁，比如個人簡曆介紹，多圖片的分享，廣告詳細內容，商品介紹，以及項目或系統的介紹等。這個外掛程式提供了基本的介面樣式和滑動式菜單，非常簡潔友好，已實際使用過，現分享出來，希望更多人喜歡。
SMINT是一個為一頁式網站愛好者做的簡單jQuery外掛程式，目前最新為3.0版本。
官方網站地址：
http://www.outyear.co.uk/smint
Demo地址：
http://www.outyear.co.uk/smint/demo/
SMINT有兩個主要的元素，一個是帶粘性的導覽列，保持在網頁的頂部，當頁面向下滾動時會指定到當前菜單；而當你點擊功能表按鈕時，頁面會自動滾動到你點擊的部分。
如何使用？1、首先在網頁的head部分引入javascript類庫：
<head><script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.smint.js" type="text/javascript"></script></head>
2、建立一個菜單，給它一個樣式名稱，比如：subMenu，就像下面的代碼：
<div class="subMenu"><div class="inner"><a class="subNavBtn" href="#sTop">首頁</a><a class="subNavBtn" href="#section1">表單流程</a><a class="subNavBtn" href="#section2">簽核效率</a><a class="subNavBtn" href="#section3">行為方式</a><a class="subNavBtn" href="#section4">使用者群體</a><a class="subNavBtn" href="#section5">系統營運</a></div></div>
3、每個<a>標籤的href對應到一個頁面區塊（section）:
<div class="section section1"><div class="inner"><h1>表單流程</h1><img src="images/flow.png" /></div></div>
4、在頁面的script部分，加入下面的一段Javascript代碼，用於初始化smint:
$(document).ready( function() { $(‘.subMenu‘).smint();});
5、smint實在是我見過的最簡單的外掛程式，他只有一個可選項，那就是頁面捲動速度：
$(‘.subMenu‘).smint({
‘scrollSpeed‘ : 1000});
預設值是500毫秒（半秒鐘），你可以修改為任何你喜歡的數值。
SMINT：單頁網站的免費jQuery外掛程式
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
