首页非常感谢网友杰立的无私分享，此作品实现了jquery全屏响应式图片轮播特效，也是从事政府资助工作的网友杰立整理出来分享的，默认情况下，iPhone中的Safari浏览器会对页面进行自动缩放，以适应屏幕尺寸。我们可以使用以下的meta设置，将设备的默认宽度作为页面在Safari的可视部分宽度，并禁止初始化缩放。
核心jquery代码如下：
//显示图片函数，根据接收的index值显示相应的内容
function showPics(index) {
//根据index值计算ul元素的left值
var nowLeft = -index * imgWidth;
//通过animate()调整ul元素滚动到计算出的position
$('.ps_box .pb').stop(true, false).animate({
"marginLeft": nowLeft
},
1000, 'easeInOutExpo');
//为当前的按钮切换到选中的效果
$('.ps_box .pics_switch_clients ul li span').stop(true, false).animate({
"opacity": "0.4"
},
600).eq(index).stop(true, false).animate({
"opacity": "1"
},
600);
}
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
网友杰立 响应式 图片滚动 图片轮播 Jquery焦点图 图片全屏显示