‹
›
2018.12.3日 COURSE_INDEX,FOOTER,INDEX,BODY代码记录DJANGO
【车爆缸?!】你肯定没用[KURUMA]润滑油,这会导致你的JJ变小,变细,早泄,记得用[kuruma]牌润滑油
12月03日
热点
文章评论(0)
gulp监听JS代码
var gulp = require("gulp");
var cssnano = require("gulp-cssnano");
var rename = require("gulp-rename");
var uglify = require("gulp-uglify");
var concat = require("gulp-concat");
var cache = require('gulp-cache');
var imagemin = require('gulp-imagemin');
var bs = require('browser-sync').create();
var sass = require("gulp-sass");
// gulp-util：这个插件中有一个方法log，可以打印出当前js错误的信息
var util = require("gulp-util");
var sourcemaps = require("gulp-sourcemaps");
var path = {
'html': './templates/**/',
'css': './src/css/**/',
'js': './src/js/',
'images': './src/images/',
'css_dist': './dist/css/',
'js_dist': './dist/js/',
'images_dist': './dist/images/'
};
// 处理html文件的任务
gulp.task("html",function () {
gulp.src(path.html + '*.html')
.pipe(bs.stream())
});
// 定义一个css的任务
gulp.task("css",function () {
gulp.src(path.css + '*.scss')
.pipe(sass().on("error",sass.logError))
.pipe(cssnano())
.pipe(rename({"suffix":".min"}))
.pipe(gulp.dest(path.css_dist))
.pipe(bs.stream())
});
// 定义处理js文件的任务
gulp.task("js",function () {
gulp.src(path.js + '*.js')
.pipe(sourcemaps.init())
.pipe(uglify().on("error",util.log))
.pipe(rename({"suffix":".min"}))
.pipe(sourcemaps.write())
.pipe(gulp.dest(path.js_dist))
.pipe(bs.stream())
});
// 定义处理图片文件的任务
gulp.task('images',function () {
gulp.src(path.images + '*.*')
.pipe(cache(imagemin()))
.pipe(gulp.dest(path.images_dist))
.pipe(bs.stream())
});
// 定义监听文件修改的任务
gulp.task("watch",function () {
gulp.watch(path.html + '*.html',['html']);
gulp.watch(path.css + '*.scss',['css']);
gulp.watch(path.js + '*.js',['js']);
gulp.watch(path.images + '*.*',['images']);
});
// 初始化browser-sync的任务
gulp.task("bs",function () {
bs.init({
'server': {
'baseDir': './'
}
});
});
// 创建一个默认的任务
gulp.task("default",['bs','watch']);
// gulp.task("default",['watch']);
index.js
//面向对象
// function Banner(){
// //这里面写的代码
// //相当于python中的__init__方法的代码
// console.log('init');
// this.person = 'zhiliao';
// }
//
// Banner.prototype.greet = function(){
// console.log('hello zhiliao');
// };
//
// var banner = new Banner();
//
// console.log(banner.person);
// banner.greet('zhiliao');
function Banner() {
this.bannerwidth =800;
this.bannerGroup = $("#banner-group");
this.index = 1;
this.leftArrow = $(".left-arrow");
this.rightArrow = $(".right-arrow");
this.bannerUl = $("#banner-ul");
this.liList = this.bannerUl.children("li");
this.bannerCount = this.liList.length;
this.pageControl =$(".page-control");
}
Banner.prototype.initBanner=function(){
var self =this;
var firstBanner = self.liList.eq(0).clone();
var lastBanner = self.liList.eq(self.bannerCount-1).clone();
self.bannerUl.append(firstBanner);
self.bannerUl.prepend(lastBanner);
this.bannerUl.css({"width":self.bannerwidth*(self.bannerCount+2),"left":-self.bannerwidth});
};
Banner.prototype.initPageControl = function(){
var self=this;
for(var i = 0; i");
self.pageControl.append(circle);
if (i === 0){
circle.addClass("active");
}
}
self.pageControl.css({"width":self.bannerCount*12+8*2+16*(self.bannerCount-1)});
};
Banner.prototype.toggleArrow = function(isShow){
var self=this;
if(isShow) {
self.leftArrow.show();
self.rightArrow.show();
}else{
self.leftArrow.hide();
self.rightArrow.hide();
}
};
Banner.prototype.listenBannerHover = function(){
var self =this;
this.bannerGroup.hover(function () {
//第一个函数,你把鼠标移动到banner上会执行的函数
clearInterval(self.timer);
self.toggleArrow(true);
},function () {
self.loop();
self.toggleArrow(false);
});
};
Banner.prototype.animate = function(){
var self =this;
self.bannerUl.animate({"left":-800*self.index},800);
var index = self.index;
if(index === 0){
index = self.bannerCount-1;
}else if(index === self.bannerCount+1){
index = 0;
}else{
index= self.index-1;
}
self.pageControl.children('li').eq(self.index).addClass("active").siblings().removeClass("active");
};
Banner.prototype.loop = function () {
var self = this;
// bannerUI.css({"left":-800});
//定时器
this.timer = setInterval(function(){
if(self.index >= self.bannerCount+1){
self.bannerUl.css({"left":-self.bannerwidth});
self.index = 2;
}else{
self.index++;
}
self.animate();
},3000);
};
// Banner.prototype.listenArrowClick = function(){
// var self =this;
// self.leftArrow.click(function(){
// if(self.index === 0){
// self.index = self.bannerCount -1;
//
//
// }else {
// self.index--;
// }
// self.bannerUl.animate({"left":-800*self.index},800);
// self.rightArrow.click(function(){
// if(self.index === self.bannerCount -1){
// self.index = 0;
//
//
// }else {
// self.index++;
// }
// self.bannerUl.animate({"left":-800*self.index},800);
//
//
// });
// };
Banner.prototype.listenArrowClick = function(){
var self =this;
self.leftArrow.click(function () {
if(self.index ===0 ){
self.bannerUl.css({"left":-self.bannerCount*self.bannerwidth});
self.index = self.bannerCount -1;
}else{
self.index--;
}
self.animate();
});
self.rightArrow.click(function () {
if(self.index ===self.bannerCount + 1 ){
self.bannerUl.css({"left":-self.bannerwidth});
self.index = 2;
}else{
self.index++;
}
self.animate();
});
};
Banner.prototype.listenPageControl = function(){
var self = this;
self.pageControl.children("li").each(function(index,obj){
$(obj).click(function(){
self.index =index;
self.animate();
});
});
};
Banner.prototype.run= function(){
console.log("running...");
this.initBanner();
this.initPageControl();
this.loop();
this.listenArrowClick();
this.listenPageControl();
this.listenBannerHover();
};
//初始化
$(function () {
var banner = new Banner();
banner.run();
});
这是第一条评论
一楼是傻逼