首先非常感谢网友老鼠的无私分享,此Jquery特效是一款效果非常酷实图片轮播功能,实现了九宫格布局全屏图片轮播,如果网站用上了它,简直就是如虎添翼啊,希望网友们可以好好利用哦。
作品包括了以下功能
1、图片预加载
2、图片九宫格布局
3、图片左右轮播
4、图片自动播放
5、图片遮罩
6、带有左右控制按钮
7、使用滑动插件
等。。。。
页面主要使用代码如下:
<script type="text/javascript">
//首页banner图展示init
window.addEvent("load", function(){});
var dtSlideshow = new dtSliderGallery({container: $("gallery-slider"),arrowControls: 1,description: 1,transitionDuration: 1000,transitionInterval: 5000});
/** 无限滚动
function getTmplData() {
jQuery.get("/web/idol/rest/" + jQuery('#pageNo').val() + "/0",
function(data) {
for (var i = 0; i < data.items.length; i++ ) {
jQuery('#idol_tmpl').tmpl(data.items[i]).appendTo('#main_container');
}
jQuery('#pageNo').val(parseInt(jQuery('#pageNo').val()) + 1);
});
}
jQuery(window).bind("scroll",function() {
// 然后判断窗口的滚动条是否接近页面底部
if (jQuery(document).scrollTop() + jQuery(window).height() > jQuery(document).height() - 20) {
if (jQuery('#pageNo').val() < 3) {
getTmplData();
}
}
})**/
</script>
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
Jquery焦点图 图片特效 图片放大 图片预加载 滑动插件 图片延迟加载 图片滚动 图片轮播 Jquery相册 QQ相册 banner横向滚动 网友老鼠