最近為了做一個(gè)靜態(tài)網(wǎng)頁版的數(shù)據(jù)報(bào)告，不希望花很多時(shí)間去設(shè)計(jì)網(wǎng)頁，或者花時(shí)間去調(diào)整布局，于是找到了一個(gè)名為Smint的免費(fèi)jQuery插件。幾乎不需要寫什么代碼就可以完成一個(gè)一頁式網(wǎng)站。這非常適合用來制作靜態(tài)網(wǎng)頁，比如個(gè)人簡(jiǎn)歷介紹，多圖片的分享，廣告詳細(xì)內(nèi)容，商品介紹，以及項(xiàng)目或系統(tǒng)的介紹等。這個(gè)插件提供了基本的界面樣式和滑動(dòng)式菜單，非常簡(jiǎn)潔友好，已實(shí)際使用過，現(xiàn)分享出來，希望更多人喜歡。
SMINT是一個(gè)為一頁式網(wǎng)站愛好者做的簡(jiǎn)單jQuery插件，目前最新為3.0版本。
官方網(wǎng)站地址：
http://www.outyear.co.uk/smint
Demo地址：
http://www.outyear.co.uk/smint/demo/
SMINT有兩個(gè)主要的元素，一個(gè)是帶粘性的導(dǎo)航欄，保持在網(wǎng)頁的頂部，當(dāng)頁面向下滾動(dòng)時(shí)會(huì)指定到當(dāng)前菜單；而當(dāng)你點(diǎn)擊菜單按鈕時(shí)，頁面會(huì)自動(dòng)滾動(dòng)到你點(diǎn)擊的部分。
1、首先在網(wǎng)頁的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、創(chuàng)建一個(gè)菜單，給它一個(gè)樣式名稱，比如：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">系統(tǒng)運(yùn)維</a></div></div>
3、每個(gè)<a>標(biāo)簽的href對(duì)應(yīng)到一個(gè)頁面區(qū)塊（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實(shí)在是我見過的最簡(jiǎn)單的插件，他只有一個(gè)可選項(xiàng)，那就是頁面滾動(dòng)速度：
$('.subMenu').smint({
'scrollSpeed' : 1000});默認(rèn)值是500毫秒（半秒鐘），你可以修改為任何你喜歡的數(shù)值。
新聞熱點(diǎn)
疑難解答
圖片精選
