Edit D:\chineseall_products\bak\digitalLib6\pages\screen\web\horizontal\js\cascadeTransform.js

/**
 * ???????????????????????????jQuery???
 * @author ???
 */
$(function() {

//?????????????
    var layers = $("#demo li.slide");
    //?????????????????????
    var cIndex = 0;
    //?????-index????????????????????????????
    var zIndex = 5;
    //??????????????
    var scaleInte = 0.1;
    //???????????
    var leftInte = 100;

//???????????????????????,cIndex?????????
    var showLayer = function(sIndex) {
        var layerCount = layers.size();

//????????
        var topLayer = layers.eq(sIndex);
        topLayer.css("z-index", zIndex);
        topLayer.find(".i_content").css("display", "block");
        topLayer.find(".i_content_fyb").css("display", "block");
        topLayer.find(".verticalTitle").css("display", "none");
        topLayer.css("transform", "scaleY(1)");
  
        //???????????
        var progressBar = $(".turnpage");
        if (sIndex == 0) {
            //????????
            progressBar.find("#slider").attr("src", "img/ico6_left.png").css("position", "relative").css("left","0px");
        } else if (sIndex < layerCount - 1) {
            progressBar.find("#slider").attr("src", "img/ico6.png").css("position", "relative").css("left", sIndex * 70 + "px");
        } else {
            //??????????
            progressBar.find("#slider").attr("src", "img/ico6_right.png").css("position", "relative").css("left", "140px");
        }

//??????????????
        for (var i = sIndex - 1; i >= 0; i--) {
            var cLayer = layers.eq(i);
            var layerInte = sIndex - i;
            cLayer.find(".i_content").css("display", "none");
            cLayer.find(".i_content_fyb").css("display", "none");
            cLayer.css("z-index", zIndex - layerInte);
            var cScale = 1 - layerInte * scaleInte;
            cLayer.css("transform", "scaleY(" + cScale + ")");
            cLayer.find(".verticalTitle").css("right", "").css("left", "35px").css("display", "block");
        }

//??????????????
        for (var i = sIndex + 1; i <= layerCount - 1; i++) {
            var cLayer = layers.eq(i);
            var layerInte = i - sIndex;
            cLayer.find(".i_content").css("display", "none");
            cLayer.find(".i_content_fyb").css("display", "none");
            cLayer.css("z-index", zIndex - layerInte);
            var cScale = 1 - layerInte * scaleInte;
            cLayer.css("transform", "scaleY(" + cScale + ")");
            cLayer.find(".verticalTitle").css("left", "").css("right", "-30px").css("display", "block");
        }
        
        //???????????
        cIndex = sIndex;
    };

//????????
    showLayer(0);
    //?????????
    layers.each(function(idx) {
        $(this).css("left", idx * leftInte + "px");
        $(this).find(".verticalTitle").on("click", function() {
            showLayer(idx);
        });
    });
    
    
	var $slide = $(".slide");
	
	$slide.each(function(){
		var slide_x;
		$(this).on("touchstart", function(event){
			slide_x = event.originalEvent.targetTouches[0].pageX;
		});
		$(this).on("touchend", function(event){
			var move_x = parseInt(event.originalEvent.changedTouches[0].pageX) - parseInt(slide_x);
			if(move_x > 20) {
				//???????????
				if(cIndex > 0) {
					showLayer(cIndex-1);
				}
			} else if(move_x < -20){
				//???????????
				if(cIndex < layers.length - 1 ) {
					showLayer(cIndex+1);
				}
			}
		});
		
		$(this).on("mousedown", function(event){
			event.preventDefault();
			slide_x =  event.pageX;
		});
		$(this).on("mouseup", function(event){
			var move_x = parseInt(event.pageX) - parseInt(slide_x);
			if(move_x > 20) {
				//???????????
				if(cIndex > 0) {
					showLayer(cIndex-1);
				}
			} else if(move_x < -20){
				//???????????
				if(cIndex < layers.length - 1 ) {
					showLayer(cIndex+1);
				}
			}
		});
	})
});

Ms-Dos/Windows Unix Write backup

jsp File Browser version 1.2 by www.vonloesch.de