当前位置:首页 > 插件工具 > jQuery插件 >

一款用于实现单页风格网站的 jQuery 导航插件Albumize

时间:2013-11-25 14:20 来源:互联网 作者:源码搜藏

Smint 是一款用于实现单页风格网站的 jQuery 导航插件,包含两部分:固定在页面顶部的精美导航条和能够在你点击的时候自动滚动到对应内容的菜单按钮。


So how do I use it?

Create a 'div' for your menu and give it a class name.

Inside this you put your 'a' tags and give each one an #id. This is your menu wrapper and it should be set to position:absolute

Next, add a class to each of the sections of your one page site. The class names must match the #ids of the 'a' links you created above. So if your first link has an id of #section1 you then add the class .section1 to your first div. Repeat this for each link you have.

Add jQuery to the head section of your page

Add the jquery.smint.js to the head section of your page

Call the function with the following script:

$(document).ready( function() {
$('.subMenu').smint();
});

You can replace .subMenu with the class name of your menu

To give you a littl emore flexability, the class.fxd gets added to your menu when it becomes fixed to the top of the screen, allowing some extra styleing to be added if needed.



















About Me

My name is Robert McCracken and I'm a web designer based in Belfast. Been doing this for over 10 years and SMINT is my first dip into a jQuery plugin!

So if any jQuery wizards out there want to rip this apart and tell me how bad it is or suggest ways to improve it, Id love to get some constructive criticism as it is my first plugin!

And if you use SMINT in one of your projects, feel free to drop me a message on twitter @rabmyself and say hello!




本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

jQuery插件下载排行

最新文章