Skip to content

Instantly share code, notes, and snippets.

@marushu
Created November 24, 2011 02:17
Show Gist options
  • Save marushu/1390482 to your computer and use it in GitHub Desktop.
Save marushu/1390482 to your computer and use it in GitHub Desktop.
リストをfadeIn, fadeOutさせる。リストが一つの場合fadeなし
<script type="text/javascript">
$(function() {
$.fn.slide = function(config) {
// 引数がない場合のデフォルト値の設定
config = $.extend({
loopSpeed: 3000,
fadeInSpeed: 2000,
fadeOutSpeed: 2000
}, config);
var _element = this;
var _numberOfElements = _element.size() - 1;
var _count = 0;
var li_size = $("#one_line li").size();
_element.css("display", "none");
_element.eq(0).fadeIn(config.fadeInSpeed);
var timerID = setInterval(function() {
if (li_size == 1){
return false;
}else if (_count == _numberOfElements) {
_count = 0;
_element.eq(_numberOfElements).fadeOut(config.fadeOutSpeed);
_element.eq(0).delay(1500).fadeIn(config.fadeInSpeed);
}else {
_element.eq(_count).fadeOut(config.fadeOutSpeed);
_element.eq(_count + 1).delay(1500).fadeIn(config.fadeInSpeed);
_count++;
}
}, config.loopSpeed);
}
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment