这是一个简单的滚动到顶部底部控制jQuery插件。是一个很实用的功能,他能帮助新手和高级开发者们创造美好的用户体验。
$(this).dwseeTopBottomMenu ({
'menucontainer' : '.TopBottomMenu',
'boxsize' : 40,
'boxbackground' : '#ffffff',
'position' : 'right',
'openmenusize' : 500,
'topicon' : 'images/up_arrow.png',
'menuicon' : 'images/menu_icon.png',
'bottomicon' : 'images/down_arrow.png'
})
Menu Container Html
<div class="TopBottomMenu">
<ul>
<li><a href="#">Home Page</a></li>
<li><a href="#
">Company</a></li>
<li><a href="#
">Products</a></li>
<li><a href="#
">Our Technologies</a></li>
<li><a href="#
">Quality</a></li>
<li><a href="#
">H & R</a></li>
<li><a href="#
">Contact</a></li>
</ul>
</div>
Parameter | Description | Default | Options |
menucontainer |
menu bar content container | .TopBottomMenu | - |
boxsize |
all box size (width / height) | 40 | integer |
boxbackground |
all box background color | #ffffff | all hex color (#000000) |
position |
Scroll to Top - Bottom Control | right | left / right |
openmenusize |
opened menu bar width | 500 | integer |
topicon |
top button icon | images/up_arrow.png | - |
menuicon |
menu button icon | images/menu_icon.png | - |
bottomicon |
bottom buton icon | imagesdown_arrow.png | - |
适用浏览器:IE8、360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari浏览器。
代码整理:站长图库