首页banner幻灯片问题,向高手请教jquery特效~
var $gdsNav=$('.gdsNav');
var $bigPic=$('.bigPic');
var $headTitle=$('#headTitle');
$bigPic.fixAtTop({
onfix:function(){
$bigPic.slideUp();
$headTitle.css({position:'fixed',zIndex:10,top:0,width:$headTitle.width(),left:$headTitle.offset().left});
$gdsNav.css({position:'fixed',zIndex:10,top:30,width:$gdsNav.width(),left:$gdsNav.offset().left});
},
onoff:function(){
$bigPic.slideDown();
$headTitle.css({position:'static'});
$gdsNav.css({position:'static'});
}
});
问题是它的兼容性不好。向上收缩后再展开,那个黑色背景条就不是满屏的。用手机浏览可以明显看出来。这个是啥问题呀。如何修正~~待回复。。。
相关推荐
jQuery自适应通栏宽屏banner幻灯片切换特效.zip
有兴趣刚需的可以自己下载,非常实用的jquery代码,可以完美运行,有能力的还可以二次修改!
实现响应式轮播特效的jQuery Banner代码
jQuery是一个快速、小巧且功能丰富的JavaScript库,通过减少HTML文档遍历、事件处理、动画和Ajax交互的代码量,简化了这些复杂任务。自2006年推出以来,它已成为前端开发者的首选工具之一。响应式设计并不是简单的页面缩放或移动版网站,它依赖于一系列的设计原则和技术手段,使得网页内容能够在不同分辨率的设备上呈现出最佳的浏览效果。核心原则包括:自适应网格布局、灵活的图片和媒体元素,以及媒体查询的利用。用户体验是轮播功能设计的首要原则。
HTML5响应式Banner幻灯片特效与源码解析
本文还有配套的精品资源,点击获取 简介:深入探讨HTML5 Canvas、响应式设计、JavaScript、CSS3等关键技术,这些技术共同应用于创建一个自适应各种设备的动态幻灯片。项目中可能包括使用Canvas绘制动态效果、媒体查询实现响应式布局、jQuery实现交互动画、CSS3过渡和动画优化用户体验,以及图片资源优化和可能的AJAX内容异步加载技术。通过这些实践,学习...
基于jQuery的全屏Banner图片切换特效实现
htmltable {th, td {th {pre {简介:jQuery作为广泛使用的JavaScript库,简化了DOM操作、事件处理与动画效果实现。本文介绍如何使用jQuery开发一款简洁且兼容主流浏览器的全屏Banner图片切换功能,涵盖定时自动轮播、CSS3平滑过渡、IE低版本兼容方案、淡入淡出动画及鼠标悬停暂停等交互设计。
jQuery自适应通栏宽屏banner幻灯片切换特效
这是一款代码简洁的jQuery自适应通栏宽屏banner幻灯片切换特效,jQuery自适应全屏BANNER焦点图代码。


