https://www.dr-kondo.com/js/slidebreadcrumbslist.js

1$.fn.extend({
2    slidebreadcrumbslist: function(options) {
3		
4		//optionsのデフォルト値
5		var optionsDefaults = {
6			speed: 500,
7			delay: 50,
8			interval: 200,
9			fadein: "slow"
10		}
11		
12		//optionsがない場合デフォルト値に置き換える
13		for (var key in options){
14			if(!options[key] && options[key] != 0){
15				options[key] = optionsDefaults[key];
16			}
17		}
18		
19		//li要素を取得
20        var list = $(this).find("li");
21
22		//最大の高さ用変数を定義
23        var maxHeight = list.first().outerHeight();
24		
25		//li要素の配置と重なり順を設定し、最大の高さを求める
26		list.each(function(i){
27			$(this).css("z-index",list.length - i)
28			.css("position","absolute")
29			.css("left", -$(this).width())
30			.css("margin-top", -$(this).height()/2)
31			.css("top", "50%");
32			if($(this).height() > maxHeight) {
33				maxHeight = $(this).height();
34			}
35		});
36
37		//ul要素のposition設定
38		if($(this).css("position") != "absolute" && $(this).css("position") != "relative"){
39			$(this).css("position","relative");
40		}
41		//ul要素の高さの設定
42		if($(this).height() < 1){
43			$(this).css("height",maxHeight+"px");
44		}
45		$(this).css("overflow","hidden");
46
47		//カスタムイベントをbindする
48		list.unbind("slideComplete");
49		list.bind("slideComplete",function(event, time){
50			
51			//スライド終了の座標を求める
52			var offset;
53			if($(this).prev().size()){
54				offset = $(this).prev().position().left + $(this).prev().outerWidth();
55			}else{
56				offset = 0;
57			}
58
59			//スライド開始位置へ移動
60			$(this).css("left", offset -  $(this).outerWidth());
61			
62			//スライド開始
63			$(this).delay(time).animate({
64				left: offset + "px"
65			}, options.speed, options.easing, function(){
66				if($(this).next().size()){
67					$(this).next().trigger("slideComplete",[options.interval]);
68				} else {
69					//スライドがすべて終了したあとの処理;
70				}
71			});
72		});
73
74		//初回実行
75		list.first().trigger("slideComplete",[options.delay]);
76
77    }
78});
79
80$(document).ready(function() {
81	$("#breadcrumbslist").slidebreadcrumbslist({
82		speed: 700,
83		delay: 0,
84		interval: 0,
85		easing: "swing"
86	});
87});