会python真的可以为所欲为0(回)
356天前
这里还有人吗1(回)
541天前这里还有人吗0(回)
541天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
765天前到处都是羊，不想上班0(回)
845天前
鸽子
0(回)
850天前
variable.zip(免费下载)[32 次下载](function($) { |
var NivoSlider = function(element, options){ |
//Defaults are below |
var settings = $.extend({}, $.fn.nivoSlider.defaults, options); |
//Useful variables. Play carefully. |
var vars = { |
currentSlide: 0, |
currentImage: '', |
totalSlides: 0, |
randAnim: '', |
running: false, |
paused: false, |
stop: false |
}; |
|
//Get this slider |
var slider = $(element); |
slider.data('nivo:vars', vars); |
slider.css('position','relative'); |
slider.addClass('nivoSlider'); |
|
//Find our slider children |
var kids = slider.children(); |
kids.each(function() { |
var child = $(this); |
var link = ''; |
if(!child.is('img')){ |
if(child.is('a')){ |
child.addClass('nivo-imageLink'); |
link = child; |
} |
child = child.find('img:first'); |
} |
//Get img width & height |
var childWidth = child.width(); |
if(childWidth == 0) childWidth = child.attr('width'); |
var childHeight = child.height(); |
if(childHeight == 0) childHeight = child.attr('height'); |
//Resize the slider |
if(childWidth > slider.width()){ |
slider.width(childWidth); |
} |
if(childHeight > slider.height()){ |
slider.height(childHeight); |
} |
if(link != ''){ |
link.css('display','none'); |
} |
child.css('display','none'); |
vars.totalSlides++; |
}); |
|
//Set startSlide |
if(settings.startSlide > 0){ |
if(settings.startSlide >= vars.totalSlides) settings.startSlide = vars.totalSlides - 1; |
vars.currentSlide = settings.startSlide; |
} |
|
//Get initial image |
if($(kids[vars.currentSlide]).is('img')){ |
vars.currentImage = $(kids[vars.currentSlide]); |
} else { |
vars.currentImage = $(kids[vars.currentSlide]).find('img:first'); |
} |
|
//Show initial link |
if($(kids[vars.currentSlide]).is('a')){ |
$(kids[vars.currentSlide]).css('display','block'); |
} |
|
//Set first background |
slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); |
//Create caption |
slider.append( |
$('<div class="nivo-caption"><p></p></div>').css({ display:'none', opacity:settings.captionOpacity }) |
); |
|
// Process caption function |
var processCaption = function(settings){ |
var nivoCaption = $('.nivo-caption', slider); |
if(vars.currentImage.attr('title') != '' && vars.currentImage.attr('title') != undefined){ |
var title = vars.currentImage.attr('title'); |
if(title.substr(0,1) == '#') title = $(title).html(); |
if(nivoCaption.css('display') == 'block'){ |
nivoCaption.find('p').fadeOut(settings.animSpeed, function(){ |
$(this).html(title); |
$(this).fadeIn(settings.animSpeed); |
}); |
} else { |
nivoCaption.find('p').html(title); |
} |
nivoCaption.fadeIn(settings.animSpeed); |
} else { |
nivoCaption.fadeOut(settings.animSpeed); |
} |
} |
|
//Process initial caption |
processCaption(settings); |
|
//In the words of Super Mario "let's a go!" |
var timer = 0; |
if(!settings.manualAdvance && kids.length > 1){ |
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime); |
} |
//Add Direction nav |
if(settings.directionNav){ |
slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+ settings.prevText +'</a><a class="nivo-nextNav">'+ settings.nextText +'</a></div>'); |
|
//Hide Direction nav |
if(settings.directionNavHide){ |
$('.nivo-directionNav', slider).hide(); |
slider.hover(function(){ |
$('.nivo-directionNav', slider).show(); |
}, function(){ |
$('.nivo-directionNav', slider).hide(); |
}); |
} |
|
$('a.nivo-prevNav', slider).live('click', function(){ |
if(vars.running) return false; |
clearInterval(timer); |
timer = ''; |
vars.currentSlide -= 2; |
nivoRun(slider, kids, settings, 'prev'); |
}); |
|
$('a.nivo-nextNav', slider).live('click', function(){ |
if(vars.running) return false; |
clearInterval(timer); |
timer = ''; |
nivoRun(slider, kids, settings, 'next'); |
}); |
} |
|
//Add Control nav |
if(settings.controlNav){ |
var nivoControl = $('<div class="nivo-controlNav"></div>'); |
slider.append(nivoControl); |
for(var i = 0; i < kids.length; i++){ |
if(settings.controlNavThumbs){ |
var child = kids.eq(i); |
if(!child.is('img')){ |
child = child.find('img:first'); |
} |
if (settings.controlNavThumbsFromRel) { |
nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('rel') + '" alt="" /></a>'); |
} else { |
nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('src').replace(settings.controlNavThumbsSearch, settings.controlNavThumbsReplace) +'" alt="" /></a>'); |
} |
} else { |
nivoControl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>'); |
} |
|
} |
//Set initial active link |
$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active'); |
|
$('.nivo-controlNav a', slider).live('click', function(){ |
if(vars.running) return false; |
if($(this).hasClass('active')) return false; |
clearInterval(timer); |
timer = ''; |
slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); |
vars.currentSlide = $(this).attr('rel') - 1; |
nivoRun(slider, kids, settings, 'control'); |
}); |
} |
|
//Keyboard Navigation |
if(settings.keyboardNav){ |
$(window).keypress(function(event){ |
//Left |
if(event.keyCode == '37'){ |
if(vars.running) return false; |
clearInterval(timer); |
timer = ''; |
vars.currentSlide-=2; |
nivoRun(slider, kids, settings, 'prev'); |
} |
//Right |
if(event.keyCode == '39'){ |
if(vars.running) return false; |
clearInterval(timer); |
timer = ''; |
nivoRun(slider, kids, settings, 'next'); |
} |
}); |
} |
|
//For pauseOnHover setting |
if(settings.pauseOnHover){ |
slider.hover(function(){ |
vars.paused = true; |
clearInterval(timer); |
timer = ''; |
}, function(){ |
vars.paused = false; |
//Restart the timer |
if(timer == '' && !settings.manualAdvance){ |
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime); |
} |
}); |
} |
|
//Event when Animation finishes |
slider.bind('nivo:animFinished', function(){ |
vars.running = false; |
//Hide child links |
$(kids).each(function(){ |
if($(this).is('a')){ |
$(this).css('display','none'); |
} |
}); |
//Show current link |
if($(kids[vars.currentSlide]).is('a')){ |
$(kids[vars.currentSlide]).css('display','block'); |
} |
//Restart the timer |
if(timer == '' && !vars.paused && !settings.manualAdvance){ |
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime); |
} |
//Trigger the afterChange callback |
settings.afterChange.call(this); |
}); |
|
// Add slices for slice animations |
var createSlices = function(slider, settings, vars){ |
for(var i = 0; i < settings.slices; i++){ |
var sliceWidth = Math.round(slider.width()/settings.slices); |
if(i == settings.slices-1){ |
slider.append( |
$('<div class="nivo-slice"></div>').css({ |
left:(sliceWidth*i)+'px', width:(slider.width()-(sliceWidth*i))+'px', |
height:'0px', |
opacity:'0', |
background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%' |
}) |
); |
} else { |
slider.append( |
$('<div class="nivo-slice"></div>').css({ |
left:(sliceWidth*i)+'px', width:sliceWidth+'px', |
height:'0px', |
opacity:'0', |
background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%' |
}) |
); |
} |
} |
} |
|
// Add boxes for box animations |
var createBoxes = function(slider, settings, vars){ |
var boxWidth = Math.round(slider.width()/settings.boxCols); |
var boxHeight = Math.round(slider.height()/settings.boxRows); |
|
for(var rows = 0; rows < settings.boxRows; rows++){ |
for(var cols = 0; cols < settings.boxCols; cols++){ |
if(cols == settings.boxCols-1){ |
slider.append( |
$('<div class="nivo-box"></div>').css({ |
opacity:0, |
left:(boxWidth*cols)+'px', |
top:(boxHeight*rows)+'px', |
width:(slider.width()-(boxWidth*cols))+'px', |
height:boxHeight+'px', |
background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px' |
}) |
); |
} else { |
slider.append( |
$('<div class="nivo-box"></div>').css({ |
opacity:0, |
left:(boxWidth*cols)+'px', |
top:(boxHeight*rows)+'px', |
width:boxWidth+'px', |
height:boxHeight+'px', |
background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px' |
}) |
); |
} |
} |
} |
} |
// Private run method |
var nivoRun = function(slider, kids, settings, nudge){ |
//Get our vars |
var vars = slider.data('nivo:vars'); |
|
//Trigger the lastSlide callback |
if(vars && (vars.currentSlide == vars.totalSlides - 1)){ |
settings.lastSlide.call(this); |
} |
|
// Stop |
if((!vars || vars.stop) && !nudge) return false; |
|
//Trigger the beforeChange callback |
settings.beforeChange.call(this); |
|
//Set current background before change |
if(!nudge){ |
slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); |
} else { |
if(nudge == 'prev'){ |
slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); |
} |
if(nudge == 'next'){ |
slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); |
} |
} |
vars.currentSlide++; |
//Trigger the slideshowEnd callback |
if(vars.currentSlide == vars.totalSlides){ |
vars.currentSlide = 0; |
settings.slideshowEnd.call(this); |
} |
if(vars.currentSlide < 0) vars.currentSlide = (vars.totalSlides - 1); |
//Set vars.currentImage |
if($(kids[vars.currentSlide]).is('img')){ |
vars.currentImage = $(kids[vars.currentSlide]); |
} else { |
vars.currentImage = $(kids[vars.currentSlide]).find('img:first'); |
} |
|
//Set active links |
if(settings.controlNav){ |
$('.nivo-controlNav a', slider).removeClass('active'); |
$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active'); |
} |
|
//Process caption |
processCaption(settings); |
|
// Remove any slices from last transition |
$('.nivo-slice', slider).remove(); |
|
// Remove any boxes from last transition |
$('.nivo-box', slider).remove(); |
|
if(settings.effect == 'random'){ |
var anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade', |
'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse'); |
vars.randAnim = anims[Math.floor(Math.random()*(anims.length + 1))]; |
if(vars.randAnim == undefined) vars.randAnim = 'fade'; |
} |
|
//Run random effect from specified set (eg: effect:'fold,fade') |
if(settings.effect.indexOf(',') != -1){ |
var anims = settings.effect.split(','); |
vars.randAnim = anims[Math.floor(Math.random()*(anims.length))]; |
if(vars.randAnim == undefined) vars.randAnim = 'fade'; |
} |
|
//Run effects |
vars.running = true; |
if(settings.effect == 'sliceDown' || settings.effect == 'sliceDownRight' || vars.randAnim == 'sliceDownRight' || |
settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft'){ |
createSlices(slider, settings, vars); |
var timeBuff = 0; |
var i = 0; |
var slices = $('.nivo-slice', slider); |
if(settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft') slices = $('.nivo-slice', slider)._reverse(); |
|
slices.each(function(){ |
var slice = $(this); |
slice.css({ 'top': '0px' }); |
if(i == settings.slices-1){ |
setTimeout(function(){ |
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); }); |
}, (100 + timeBuff)); |
} else { |
setTimeout(function(){ |
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed); |
}, (100 + timeBuff)); |
} |
timeBuff += 50; |
i++; |
}); |
} |
else if(settings.effect == 'sliceUp' || settings.effect == 'sliceUpRight' || vars.randAnim == 'sliceUpRight' || |
settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft'){ |
createSlices(slider, settings, vars); |
var timeBuff = 0; |
var i = 0; |
var slices = $('.nivo-slice', slider); |
if(settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft') slices = $('.nivo-slice', slider)._reverse(); |
|
slices.each(function(){ |
var slice = $(this); |
slice.css({ 'bottom': '0px' }); |
if(i == settings.slices-1){ |
setTimeout(function(){ |
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); }); |
}, (100 + timeBuff)); |
} else { |
setTimeout(function(){ |
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed); |
}, (100 + timeBuff)); |
} |
timeBuff += 50; |
i++; |
}); |
} |
else if(settings.effect == 'sliceUpDown' || settings.effect == 'sliceUpDownRight' || vars.randAnim == 'sliceUpDown' || |
settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft'){ |
createSlices(slider, settings, vars); |
var timeBuff = 0; |
var i = 0; |
var v = 0; |
var slices = $('.nivo-slice', slider); |
if(settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft') slices = $('.nivo-slice', slider)._reverse(); |
|
slices.each(function(){ |
var slice = $(this); |
if(i == 0){ |
slice.css('top','0px'); |
i++; |
} else { |
slice.css('bottom','0px'); |
i = 0; |
} |
|
if(v == settings.slices-1){ |
setTimeout(function(){ |
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); }); |
}, (100 + timeBuff)); |
} else { |
setTimeout(function(){ |
slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed); |
}, (100 + timeBuff)); |
} |
timeBuff += 50; |
v++; |
}); |
} |
else if(settings.effect == 'fold' || vars.randAnim == 'fold'){ |
createSlices(slider, settings, vars); |
var timeBuff = 0; |
var i = 0; |
|
$('.nivo-slice', slider).each(function(){ |
var slice = $(this); |
var origWidth = slice.width(); |
slice.css({ top:'0px', height:'100%', width:'0px' }); |
if(i == settings.slices-1){ |
setTimeout(function(){ |
slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); }); |
}, (100 + timeBuff)); |
} else { |
setTimeout(function(){ |
slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed); |
}, (100 + timeBuff)); |
} |
timeBuff += 50; |
i++; |
}); |
} |
else if(settings.effect == 'fade' || vars.randAnim == 'fade'){ |
createSlices(slider, settings, vars); |
|
var firstSlice = $('.nivo-slice:first', slider); |
firstSlice.css({ |
'height': '100%', |
'width': slider.width() + 'px' |
}); |
|
firstSlice.animate({ opacity:'1.0' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); }); |
} |
else if(settings.effect == 'slideInRight' || vars.randAnim == 'slideInRight'){ |
createSlices(slider, settings, vars); |
|
var firstSlice = $('.nivo-slice:first', slider); |
firstSlice.css({ |
'height': '100%', |
'width': '0px', |
'opacity': '1' |
}); |
firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); }); |
} |
else if(settings.effect == 'slideInLeft' || vars.randAnim == 'slideInLeft'){ |
createSlices(slider, settings, vars); |
|
var firstSlice = $('.nivo-slice:first', slider); |
firstSlice.css({ |
'height': '100%', |
'width': '0px', |
'opacity': '1', |
'left': '', |
'right': '0px' |
}); |
firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){ |
// Reset positioning |
firstSlice.css({ |
'left': '0px', |
'right': '' |
}); |
slider.trigger('nivo:animFinished'); |
}); |
} |
else if(settings.effect == 'boxRandom' || vars.randAnim == 'boxRandom'){ |
createBoxes(slider, settings, vars); |
|
var totalBoxes = settings.boxCols * settings.boxRows; |
var i = 0; |
var timeBuff = 0; |
|
var boxes = shuffle($('.nivo-box', slider)); |
boxes.each(function(){ |
var box = $(this); |
if(i == totalBoxes-1){ |
setTimeout(function(){ |
box.animate({ opacity:'1' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); }); |
}, (100 + timeBuff)); |
} else { |
setTimeout(function(){ |
box.animate({ opacity:'1' }, settings.animSpeed); |
}, (100 + timeBuff)); |
} |
timeBuff += 20; |
i++; |
}); |
} |
else if(settings.effect == 'boxRain' || vars.randAnim == 'boxRain' || settings.effect == 'boxRainReverse' || vars.randAnim == 'boxRainReverse' || |
settings.effect == 'boxRainGrow' || vars.randAnim == 'boxRainGrow' || settings.effect == 'boxRainGrowReverse' || vars.randAnim == 'boxRainGrowReverse'){ |
createBoxes(slider, settings, vars); |
|
var totalBoxes = settings.boxCols * settings.boxRows; |
var i = 0; |
var timeBuff = 0; |
|
// Split boxes into 2D array |
var rowIndex = 0; |
var colIndex = 0; |
var box2Darr = new Array(); |
box2Darr[rowIndex] = new Array(); |
var boxes = $('.nivo-box', slider); |
if(settings.effect == 'boxRainReverse' || vars.randAnim == 'boxRainReverse' || |
settings.effect == 'boxRainGrowReverse' || vars.randAnim == 'boxRainGrowReverse'){ |
boxes = $('.nivo-box', slider)._reverse(); |
} |
boxes.each(function(){ |
box2Darr[rowIndex][colIndex] = $(this); |
colIndex++; |
if(colIndex == settings.boxCols){ |
rowIndex++; |
colIndex = 0; |
box2Darr[rowIndex] = new Array(); |
} |
}); |
|
// Run animation |
for(var cols = 0; cols < (settings.boxCols * 2); cols++){ |
var prevCol = cols; |
for(var rows = 0; rows < settings.boxRows; rows++){ |
if(prevCol >= 0 && prevCol < settings.boxCols){ |
/* Due to some weird JS bug with loop vars |
being used in setTimeout, this is wrapped |
with an anonymous function call */ |
(function(row, col, time, i, totalBoxes) { |
var box = $(box2Darr[row][col]); |
var w = box.width(); |
var h = box.height(); |
if(settings.effect == 'boxRainGrow' || vars.randAnim == 'boxRainGrow' || |
settings.effect == 'boxRainGrowReverse' || vars.randAnim == 'boxRainGrowReverse'){ |
box.width(0).height(0); |
} |
if(i == totalBoxes-1){ |
setTimeout(function(){ |
box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3, '', function(){ slider.trigger('nivo:animFinished'); }); |
}, (100 + time)); |
} else { |
setTimeout(function(){ |
box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3); |
}, (100 + time)); |
} |
})(rows, prevCol, timeBuff, i, totalBoxes); |
i++; |
} |
prevCol--; |
} |
timeBuff += 100; |
} |
} |
} |
|
// Shuffle an array |
var shuffle = function(arr){ |
for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x); |
return arr; |
} |
|
// For debugging |
var trace = function(msg){ |
if (this.console && typeof console.log != "undefined") |
console.log(msg); |
} |
|
// Start / Stop |
this.stop = function(){ |
if(!$(element).data('nivo:vars').stop){ |
$(element).data('nivo:vars').stop = true; |
trace('Stop Slider'); |
} |
} |
|
this.start = function(){ |
if($(element).data('nivo:vars').stop){ |
$(element).data('nivo:vars').stop = false; |
trace('Start Slider'); |
} |
} |
|
//Trigger the afterLoad callback |
settings.afterLoad.call(this); |
|
return this; |
}; |
|
$.fn.nivoSlider = function(options) { |
|
return this.each(function(key, value){ |
var element = $(this); |
// Return early if this element already has a plugin instance |
if (element.data('nivoslider')) return element.data('nivoslider'); |
// Pass options to plugin constructor |
var nivoslider = new NivoSlider(this, options); |
// Store plugin object in this element's data |
element.data('nivoslider', nivoslider); |
}); |
}; |
|
//Default settings |
$.fn.nivoSlider.defaults = { |
effect: 'random', |
slices: 15, |
boxCols: 8, |
boxRows: 4, |
animSpeed: 500, |
pauseTime: 3000, |
startSlide: 0, |
directionNav: true, |
directionNavHide: true, |
controlNav: true, |
controlNavThumbs: false, |
controlNavThumbsFromRel: false, |
controlNavThumbsSearch: '.jpg', |
controlNavThumbsReplace: '_thumb.jpg', |
keyboardNav: true, |
pauseOnHover: true, |
manualAdvance: false, |
captionOpacity: 0.8, |
prevText: 'Prev', |
nextText: 'Next', |
beforeChange: function(){}, |
afterChange: function(){}, |
slideshowEnd: function(){}, |
lastSlide: function(){}, |
afterLoad: function(){} |
}; |
|
$.fn._reverse = [].reverse; |
|
})(jQuery); |
variable.zip(免费下载)[32 次下载]
高级设计师
by: 小蜜锋 发表于：2013-03-05 22:10:14 顶(4) | 踩(1) 回复
效果挺不错的！
网友回复
回复坏人 ： 主人好，请问这个网站有Q群吗？我对网站有几个建议
顶(2) 踩(0) 2013-03-06 10:52:21
小蜜锋 ： 你好 262334579
顶(0) 踩(0) 2013-03-06 19:34:12
回复评论