grgw_old_java/heatsupply2/WebContent/static/index/js/banner.js

98 lines
1.7 KiB
JavaScript

// JavaScript Document
$(document).ready(function(e) {
$(function(){
new FastClick(document.body);
})
/*快捷导航*/
$(".zhezhao").on("tap",function(e) {
$("body").css("overflow","auto");
$("div.nav").animate({left:'-160px'},"fast");
$("div.zhezhao").fadeOut("fast",function(){return false});
});
$("a#list").on("tap",function(e) {
$("body").css("overflow","hidden");
$("div.nav").animate({left:'0px'},"fast");
$("div.zhezhao").fadeIn("fast");
});
$("#lm,.zhezhao2").tap(function(){
$(".submenu").toggle();
$(".zhezhao2").toggle();
});
});
$(function(){
$.banner()
});
$.banner = (function() {
var num = 0;
num = $("#slider li").length;
var html = "";
html = "<a href='javascript:void(0);' {c}>{i}</a>";
var lasthtml,
thtml;
lasthtml = "";
for (var i = 0; i < num; i++) {
thtml = "";
if (i == 0) {
thtml = html.replace("{c}", "class='active' ");
} else {
thtml = html.replace("{c}", "");
}
thtml = thtml.replace("{i}", i);
lasthtml += thtml;
};
$("#pagenavi").html(lasthtml);
var active = 0,
as = $('#pagenavi a');
for (var i = 0; i < as.length; i++) {
(function() {
var j = i;
as[i].onclick = function() {
t2.slide(j);
return false;
}
})();
}
var t2 = new TouchSlider({
id: 'slider',
speed: 600,
timeout: 6000,
before: function(index) {
as[active].className = '';
active = index;
as[active].className = 'active';
}
});
setTimeout(function(){t2.resize();},100);
});