首先非常感谢网友Null的无私分享,此Jquery插件是一款非常给力的作品,实现了全局自动背景切换的功能,可灵活设置过渡效果、切换模式、手动控制、自动切换设置。
插件初始化代码如下:
<script type="text/javascript">
$(document).ready(function(){
$('BODY').bgStretcher({
images: ['images/sample-1.jpg', 'images/sample-2.jpg', 'images/sample-3.jpg', 'images/sample-4.jpg', 'images/sample-5.jpg', 'images/sample-6.jpg'],
imageWidth: 1024,
imageHeight: 768,
slideDirection: 'N',
slideShowSpeed: 1000,
transitionEffect: 'fade',
sequenceMode: 'normal',
buttonPrev: '#prev',
buttonNext: '#next',
pagination: '#nav',
anchoring: 'left center',
anchoringImg: 'left center'
});
});
</script>
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友Null 背景切换 图片特效 幻灯片 滑动插件 空间画廊