html图片固定框架,jQuery固定框架

插件描述：底部和头部固定式HTML框架 固定框架 向下滚动切换顶部导航，底部和头部固定式HTML框架

Framework Fixed jQuery固定框架 向下滚动切换顶部导航，底部和头部固定式HTML框架

实现方法

创建HTML

• Home
• About Me
• Work
• Blog
• Contact Us

向下滚动后所出现的顶部导航。

Framework Fixed Html with

CSS & jQueryby Sunflowa Media

• Home
• About Me
• Work
• Blog
• Contact Us

中间内容

中间内容

底部固定内容

js

引用jQuery1.4以上版本

// Category Dropdown

jQuery(function($) {

$("#toggle-cat").click(function() {

$("#toggle-client").removeClass("active");

$("#client-filter-panel").hide();

$(this).toggleClass("active");

$("#cat-filter-panel").slideToggle(250);

return false;

});

$("#toggle-client").click(function() {

$("#toggle-cat").removeClass("active");

$("#cat-filter-panel").hide();

$(this).toggleClass("active");

$("#client-filter-panel").slideToggle(250);

return false;

});

});

jQuery(function($) {

$('#toggling').hide();

var footerHeight = $('#footer').outerHeight(true);

$('#footer-toggle').click(function() {

$('#toggling').animate({

'height': 'toggle'

},

500);

$(this).toggleClass('expanded');

return false;

});

});