roundabout插件使用（3d旋转轮播图）兼容IE8
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
*{
margin:0;
padding:0;;
}
/**/
.roundabout-moveable-item{
max-width:240px;!important;
}
.next {
position: absolute;
top: 372px;
margin-top: -40px;
z-index: 200;
display: block;
width: 80px;
height: 80px;
background-position: 0 0;
}
.prev{
position: absolute;
top: 457px;
margin-top: -40px;
z-index: 200;
display: block;
width: 80px;
height: 80px;
right: 14%;
background-position: -80px 0;
}
.roundabout-holder{width:600px;height:400px;margin:0 auto;}
.roundabout-moveable-item {width: 240px;height: 320px;cursor: pointer;}
.roundabout-moveable-item img{width:100%;height: 100%}
.roundabout-in-focus {}
.settled-lb{
width:900px;
margin-left: 104px;
margin-top: 50px;
}
.roundabout-moveable-item1{
background:red;
}
.roundabout-moveable-item2{
background:#808080;
}
.roundabout-moveable-item3{
background:green;
}
</style>
</head>
<body>
<div class="settled-lb">
<ul id="myroundabout" class="roundabout-holder" style="">
<li class="roundabout-moveable-item roundabout-moveable-item1">
<a href="javascript:void (0);" target="_blank">
<img src="" alt="" style="">
</a>
</li>
<li class="">
<a href="javascript:void (0);" target="_blank">
<img src="">
</a>
</li>
<li class="roundabout-moveable-item roundabout-in-focus roundabout-moveable-item3" style="">
<a href="javascript:void (0);" target="_blank">
<img src="">
</a>
</li>
</ul>
<a href="#" class="next "><</a>
<a href="#" class="prev">></a>
</div>
</body>
<script src="jq.js"></script>
<script src="roundabout.min.js"></script>
<script src="roundabout_shapes.min.js"></script>
<script>
$(document).ready(function () {
$('#myroundabout').roundabout({
btnNext: ".next",
btnPrev:".prev",
autoplay: false,
autoplayDuration: 3000,
autoplayPauseOnHover: true,
shape: 'square',
minOpacity: 1
});
});
</script>
</html>
!function(a){"use strict";var b,c,d;a.extend({roundaboutShapes:{def:"lazySusan",lazySusan:function(a,b,c){return{x:Math.sin(a+b),y:Math.sin(a+3*Math.PI/2+b)/8*c,z:(Math.cos(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}}}}),b={bearing:0,tilt:0,minZ:100,maxZ:280,minOpacity:.4,maxOpacity:1,minScale:.4,maxScale:1,duration:600,btnNext:null,btnNextCallback:function(){},btnPrev:null,btnPrevCallback:function(){},btnToggleAutoplay:null,btnStartAutoplay:null,btnStopAutoplay:null,easing:"swing",clickToFocus:!0,clickToFocusCallback:function(){},focusBearing:0,shape:"lazySusan",debug:!1,childSelector:"li",startingChild:null,reflect:!1,floatComparisonThreshold:.001,autoplay:!1,autoplayDuration:1e3,autoplayPauseOnHover:!1,autoplayCallback:function(){},autoplayInitialDelay:0,enableDrag:!1,dropDuration:600,dropEasing:"swing",dropAnimateTo:"nearest",dropCallback:function(){},dragAxis:"x",dragFactor:4,triggerFocusEvents:!0,triggerBlurEvents:!0,responsive:!1},c={autoplayInterval:null,autoplayIsRunning:!1,autoplayStartTimeout:null,animating:!1,childInFocus:-1,touchMoveStartPosition:null,stopAnimation:!1,lastAnimationStep:!1},d={init:function(e,f,g){var h;(new Date).getTime();return e="object"==typeof e?e:{},f=a.isFunction(f)?f:function(){},f=a.isFunction(e)?e:f,h=a.extend({},b,e,c),this.each(function(){var b=a(this),c=b.children(h.childSelector).length,e=360/c,i=h.startingChild&&h.startingChild>c-1?c-1:h.startingChild,j=null===h.startingChild?h.bearing:360-i*e,k="static"!==b.css("position")?b.css("position"):"relative";b.css({padding:0,position:k}).addClass("roundabout-holder").data("roundabout",a.extend({},h,{startingChild:i,bearing:j,oppositeOfFocusBearing:d.normalize.apply(null,[h.focusBearing-180]),dragBearing:j,period:e})),g?b.unbind(".roundabout").children(h.childSelector).unbind(".roundabout"):h.responsive&&a(window).bind("resize",function(){d.stopAutoplay.apply(b),d.relayoutChildren.apply(b)}),h.clickToFocus&&b.children(h.childSelector).each(function(c){a(this).bind("click.roundabout",function(){var e=d.getPlacement.apply(b,[c]);if(!d.isInFocus.apply(b,[e]))return d.stopAnimation.apply(a(this)),b.data("roundabout").animating||d.animateBearingToFocus.apply(b,[e,b.data("roundabout").clickToFocusCallback]),!1})}),h.btnNext&&a(h.btnNext).bind("click.roundabout",function(){return b.data("roundabout").animating||d.animateToNextChild.apply(b,[b.data("roundabout").btnNextCallback]),!1}),h.btnPrev&&a(h.btnPrev).bind("click.roundabout",function(){return d.animateToPreviousChild.apply(b,[b.data("roundabout").btnPrevCallback]),!1}),h.btnToggleAutoplay&&a(h.btnToggleAutoplay).bind("click.roundabout",function(){return d.toggleAutoplay.apply(b),!1}),h.btnStartAutoplay&&a(h.btnStartAutoplay).bind("click.roundabout",function(){return d.startAutoplay.apply(b),!1}),h.btnStopAutoplay&&a(h.btnStopAutoplay).bind("click.roundabout",function(){return d.stopAutoplay.apply(b),!1}),h.autoplayPauseOnHover&&b.bind("mouseenter.roundabout.autoplay",function(){d.stopAutoplay.apply(b,[!0])}).bind("mouseleave.roundabout.autoplay",function(){d.startAutoplay.apply(b)}),h.enableDrag&&(a.isFunction(b.drag)?a.isFunction(b.drop)?b.drag(function(a,c){var e=b.data("roundabout"),f="x"===e.dragAxis.toLowerCase()?"deltaX":"deltaY";d.stopAnimation.apply(b),d.setBearing.apply(b,[e.dragBearing+c[f]/e.dragFactor])}).drop(function(a){var c=b.data("roundabout"),e=d.getAnimateToMethod(c.dropAnimateTo);d.allowAnimation.apply(b),d[e].apply(b,[c.dropDuration,c.dropEasing,c.dropCallback]),c.dragBearing=c.period*d.getNearestChild.apply(b)}):h.debug&&alert("You do not have the drop plugin loaded."):h.debug&&alert("You do not have the drag plugin loaded."),b.each(function(){var b=a(this).get(0),c=a(this).data("roundabout"),e="x"===c.dragAxis.toLowerCase()?"pageX":"pageY",f=d.getAnimateToMethod(c.dropAnimateTo);b.addEventListener&&(b.addEventListener("touchstart",function(a){c.touchMoveStartPosition=a.touches[0][e]},!1),b.addEventListener("touchmove",function(b){var f=(b.touches[0][e]-c.touchMoveStartPosition)/c.dragFactor;b.preventDefault(),d.stopAnimation.apply(a(this)),d.setBearing.apply(a(this),[c.dragBearing+f])},!1),b.addEventListener("touchend",function(b){b.preventDefault(),d.allowAnimation.apply(a(this)),f=d.getAnimateToMethod(c.dropAnimateTo),d[f].apply(a(this),[c.dropDuration,c.dropEasing,c.dropCallback]),c.dragBearing=c.period*d.getNearestChild.apply(a(this))},!1))})),d.initChildren.apply(b,[f,g])})},initChildren:function(b,c){var e=a(this),f=e.data("roundabout");return b=b||function(){},e.children(f.childSelector).each(function(b){var f,g,h,i=d.getPlacement.apply(e,[b]);c&&a(this).data("roundabout")&&(f=a(this).data("roundabout").startWidth,g=a(this).data("roundabout").startHeight,h=a(this).data("roundabout").startFontSize),a(this).addClass("roundabout-moveable-item").css("position","absolute"),a(this).data("roundabout",{startWidth:f||a(this).width(),startHeight:g||a(this).height(),startFontSize:h||parseInt(a(this).css("font-size"),10),degrees:i,backDegrees:d.normalize.apply(null,[i-180]),childNumber:b,currentScale:1,parent:e})}),d.updateChildren.apply(e),f.autoplay&&(f.autoplayStartTimeout=setTimeout(function(){d.startAutoplay.apply(e)},f.autoplayInitialDelay)),e.trigger("ready"),b.apply(e),e},updateChildren:function(){return this.each(function(){var b=a(this),c=b.data("roundabout"),e=-1,f={bearing:c.bearing,tilt:c.tilt,stage:{width:Math.floor(.9*a(this).width()),height:Math.floor(.9*a(this).height())},animating:c.animating,inFocus:c.childInFocus,focusBearingRadian:d.degToRad.apply(null,[c.focusBearing]),shape:a.roundaboutShapes[c.shape]||a.roundaboutShapes[a.roundaboutShapes.def]};f.midStage={width:f.stage.width/2,height:f.stage.height/2},f.nudge={width:f.midStage.width+.05*f.stage.width,height:f.midStage.height+.05*f.stage.height},f.zValues={min:c.minZ,max:c.maxZ,diff:c.maxZ-c.minZ},f.opacity={min:c.minOpacity,max:c.maxOpacity,diff:c.maxOpacity-c.minOpacity},f.scale={min:c.minScale,max:c.maxScale,diff:c.maxScale-c.minScale},b.children(c.childSelector).each(function(g){!d.updateChild.apply(b,[a(this),f,g,function(){a(this).trigger("ready")}])||f.animating&&!c.lastAnimationStep?a(this).removeClass("roundabout-in-focus"):(e=g,a(this).addClass("roundabout-in-focus"))}),e!==f.inFocus&&(c.triggerBlurEvents&&b.children(c.childSelector).eq(f.inFocus).trigger("blur"),c.childInFocus=e,c.triggerFocusEvents&&e!==-1&&b.children(c.childSelector).eq(e).trigger("focus")),b.trigger("childrenUpdated")})},updateChild:function(b,c,e,f){var g,h=this,i=a(b),j=i.data("roundabout"),k=[],l=d.degToRad.apply(null,[360-j.degrees+c.bearing]);return f=f||function(){},l=d.normalizeRad.apply(null,[l]),g=c.shape(l,c.focusBearingRadian,c.tilt),g.scale=g.scale>1?1:g.scale,g.adjustedScale=(c.scale.min+c.scale.diff*g.scale).toFixed(4),g.width=(g.adjustedScale*j.startWidth).toFixed(4),g.height=(g.adjustedScale*j.startHeight).toFixed(4),i.css({left:(g.x*c.midStage.width+c.nudge.width-g.width/2).toFixed(0)+"px",top:(g.y*c.midStage.height+c.nudge.height-g.height/2).toFixed(0)+"px",width:g.width+"px",height:g.height+"px",opacity:(c.opacity.min+c.opacity.diff*g.scale).toFixed(2),zIndex:Math.round(c.zValues.min+c.zValues.diff*g.z),fontSize:(g.adjustedScale*j.startFontSize).toFixed(1)+"px"}),j.currentScale=g.adjustedScale,h.data("roundabout").debug&&(k.push('<div style="font-weight: normal; font-size: 10px; padding: 2px; width: '+i.css("width")+'; background-color: #ffc;">'),k.push('<strong style="font-size: 12px; white-space: nowrap;">Child '+e+"</strong><br />"),k.push("<strong>left:</strong> "+i.css("left")+"<br />"),k.push("<strong>top:</strong> "+i.css("top")+"<br />"),k.push("<strong>width:</strong> "+i.css("width")+"<br />"),k.push("<strong>opacity:</strong> "+i.css("opacity")+"<br />"),k.push("<strong>height:</strong> "+i.css("height")+"<br />"),k.push("<strong>z-index:</strong> "+i.css("z-index")+"<br />"),k.push("<strong>font-size:</strong> "+i.css("font-size")+"<br />"),k.push("<strong>scale:</strong> "+i.data("roundabout").currentScale),k.push("</div>"),i.html(k.join(""))),i.trigger("reposition"),f.apply(h),d.isInFocus.apply(h,[j.degrees])},setBearing:function(b,c){return c=c||function(){},b=d.normalize.apply(null,[b]),this.each(function(){var c,e=a(this),f=e.data("roundabout"),g=f.bearing;f.bearing=b,e.trigger("bearingSet"),d.updateChildren.apply(e),c=Math.abs(g-b),!f.animating||c>180||(c=Math.abs(g-b),e.children(f.childSelector).each(function(c){var e;d.isChildBackDegreesBetween.apply(a(this),[b,g])&&(e=g>b?"Clockwise":"Counterclockwise",a(this).trigger("move"+e+"ThroughBack"))}))}),c.apply(this),this},adjustBearing:function(b,c){return c=c||function(){},0===b?this:(this.each(function(){d.setBearing.apply(a(this),[a(this).data("roundabout").bearing+b])}),c.apply(this),this)},setTilt:function(b,c){return c=c||function(){},this.each(function(){a(this).data("roundabout").tilt=b,d.updateChildren.apply(a(this))}),c.apply(this),this},adjustTilt:function(b,c){return c=c||function(){},this.each(function(){d.setTilt.apply(a(this),[a(this).data("roundabout").tilt+b])}),c.apply(this),this},animateToBearing:function(b,c,e,f,g){var h=(new Date).getTime();return g=g||function(){},a.isFunction(f)?(g=f,f=null):a.isFunction(e)?(g=e,e=null):a.isFunction(c)&&(g=c,c=null),this.each(function(){var i,j,k,l=a(this),m=l.data("roundabout"),n=c?c:m.duration,o=e?e:m.easing||"swing";return f||(f={timerStart:h,start:m.bearing,totalTime:n}),i=h-f.timerStart,m.stopAnimation?(d.allowAnimation.apply(l),void(m.animating=!1)):void(i<n?(m.animating||l.trigger("animationStart"),m.animating=!0,"string"==typeof a.easing.def?(j=a.easing[o]||a.easing[a.easing.def],k=j(null,i,f.start,b-f.start,f.totalTime)):k=a.easing[o](i/f.totalTime,i,f.start,b-f.start,f.totalTime),d.compareVersions.apply(null,[a().jquery,"1.7.2"])>=0&&!a.easing.easeOutBack&&(k=f.start+(b-f.start)*k),k=d.normalize.apply(null,[k]),m.dragBearing=k,d.setBearing.apply(l,[k,function(){setTimeout(function(){d.animateToBearing.apply(l,[b,n,o,f,g])},0)}])):(m.lastAnimationStep=!0,b=d.normalize.apply(null,[b]),d.setBearing.apply(l,[b,function(){l.trigger("animationEnd")}]),m.animating=!1,m.lastAnimationStep=!1,m.dragBearing=b,g.apply(l)))}),this},animateToNearbyChild:function(b,c){var e=b[0],f=b[1],g=b[2]||function(){};return a.isFunction(f)?(g=f,f=null):a.isFunction(e)&&(g=e,e=null),this.each(function(){var b,h,i=a(this),j=i.data("roundabout"),k=j.reflect?j.bearing:j.bearing%360,l=i.children(j.childSelector).length;if(!j.animating)if(j.reflect&&"previous"===c||!j.reflect&&"next"===c){for(k=Math.abs(k)<j.floatComparisonThreshold?360:k,b=0;b<l;b+=1)if(h={lower:j.period*b,upper:j.period*(b+1)},h.upper=b===l-1?360:h.upper,k<=Math.ceil(h.upper)&&k>=Math.floor(h.lower)){2===l&&360===k?d.animateToDelta.apply(i,[-180,e,f,g]):d.animateBearingToFocus.apply(i,[h.lower,e,f,g]);break}}else for(k=Math.abs(k)<j.floatComparisonThreshold||360-Math.abs(k)<j.floatComparisonThreshold?0:k,b=l-1;b>=0;b-=1)if(h={lower:j.period*b,upper:j.period*(b+1)},h.upper=b===l-1?360:h.upper,k>=Math.floor(h.lower)&&k<Math.ceil(h.upper)){2===l&&360===k?d.animateToDelta.apply(i,[180,e,f,g]):d.animateBearingToFocus.apply(i,[h.upper,e,f,g]);break}})},animateToNearestChild:function(b,c,e){return e=e||function(){},a.isFunction(c)?(e=c,c=null):a.isFunction(b)&&(e=b,b=null),this.each(function(){var f=d.getNearestChild.apply(a(this));d.animateToChild.apply(a(this),[f,b,c,e])})},animateToChild:function(b,c,e,f){return f=f||function(){},a.isFunction(e)?(f=e,e=null):a.isFunction(c)&&(f=c,c=null),this.each(function(){var g,h=a(this),i=h.data("roundabout");i.childInFocus===b||i.animating||(g=h.children(i.childSelector).eq(b),d.animateBearingToFocus.apply(h,[g.data("roundabout").degrees,c,e,f]))})},animateToNextChild:function(a,b,c){return d.animateToNearbyChild.apply(this,[arguments,"next"])},animateToPreviousChild:function(a,b,c){return d.animateToNearbyChild.apply(this,[arguments,"previous"])},animateToDelta:function(b,c,e,f){return f=f||function(){},a.isFunction(e)?(f=e,e=null):a.isFunction(c)&&(f=c,c=null),this.each(function(){var g=a(this).data("roundabout").bearing+b;d.animateToBearing.apply(a(this),[g,c,e,f])})},animateBearingToFocus:function(b,c,e,f){return f=f||function(){},a.isFunction(e)?(f=e,e=null):a.isFunction(c)&&(f=c,c=null),this.each(function(){var g=a(this).data("roundabout").bearing-b;g=Math.abs(360-g)<Math.abs(g)?360-g:-g,g=g>180?-(360-g):g,0!==g&&d.animateToDelta.apply(a(this),[g,c,e,f])})},stopAnimation:function(){return this.each(function(){a(this).data("roundabout").stopAnimation=!0})},allowAnimation:function(){return this.each(function(){a(this).data("roundabout").stopAnimation=!1})},startAutoplay:function(b){return this.each(function(){var c=a(this),e=c.data("roundabout");b=b||e.autoplayCallback||function(){},clearInterval(e.autoplayInterval),e.autoplayInterval=setInterval(function(){d.animateToNextChild.apply(c,[b])},e.autoplayDuration),e.autoplayIsRunning=!0,c.trigger("autoplayStart")})},stopAutoplay:function(b){return this.each(function(){clearInterval(a(this).data("roundabout").autoplayInterval),a(this).data("roundabout").autoplayInterval=null,a(this).data("roundabout").autoplayIsRunning=!1,b||a(this).unbind(".autoplay"),a(this).trigger("autoplayStop")})},toggleAutoplay:function(b){return this.each(function(){var c=a(this),e=c.data("roundabout");b=b||e.autoplayCallback||function(){},d.isAutoplaying.apply(a(this))?d.stopAutoplay.apply(a(this),[b]):d.startAutoplay.apply(a(this),[b])})},isAutoplaying:function(){return this.data("roundabout").autoplayIsRunning},changeAutoplayDuration:function(b){return this.each(function(){var c=a(this),e=c.data("roundabout");e.autoplayDuration=b,d.isAutoplaying.apply(c)&&(d.stopAutoplay.apply(c),setTimeout(function(){d.startAutoplay.apply(c)},10))})},normalize:function(a){var b=a%360;return b<0?360+b:b},normalizeRad:function(a){for(;a<0;)a+=2*Math.PI;for(;a>2*Math.PI;)a-=2*Math.PI;return a},isChildBackDegreesBetween:function(b,c){var d=a(this).data("roundabout").backDegrees;return b>c?d>=c&&d<b:d<c&&d>=b},getAnimateToMethod:function(a){return a=a.toLowerCase(),"next"===a?"animateToNextChild":"previous"===a?"animateToPreviousChild":"animateToNearestChild"},relayoutChildren:function(){return this.each(function(){var b=a(this),c=a.extend({},b.data("roundabout"));c.startingChild=b.data("roundabout").childInFocus,d.init.apply(b,[c,null,!0])})},getNearestChild:function(){var b=a(this),c=b.data("roundabout"),d=b.children(c.childSelector).length;return c.reflect?Math.round(c.bearing/c.period)%d:(d-Math.round(c.bearing/c.period)%d)%d},degToRad:function(a){return d.normalize.apply(null,[a])*Math.PI/180},getPlacement:function(a){var b=this.data("roundabout");return b.reflect?b.period*a:360-b.period*a},isInFocus:function(a){var b,c=this,e=c.data("roundabout"),f=d.normalize.apply(null,[e.bearing]);return a=d.normalize.apply(null,[a]),b=Math.abs(f-a),b<=e.floatComparisonThreshold||b>=360-e.floatComparisonThreshold},getChildInFocus:function(){var b=a(this).data("roundabout");return b.childInFocus>-1&&b.childInFocus},compareVersions:function(a,b){var c,d=a.split(/\./i),e=b.split(/\./i),f=d.length>e.length?d.length:e.length;for(c=0;c<=f;c++){if(d[c]&&!e[c]&&0!==parseInt(d[c],10))return 1;if(e[c]&&!d[c]&&0!==parseInt(e[c],10))return-1;if(d[c]!==e[c]&&d[c]&&e[c])return parseInt(d[c],10)>parseInt(e[c],10)?1:-1}return 0}},a.fn.roundabout=function(b){return d[b]?d[b].apply(this,Array.prototype.slice.call(arguments,1)):"object"==typeof b||a.isFunction(b)||!b?d.init.apply(this,arguments):void a.error("Method "+b+" does not exist for jQuery.roundabout.")}}(jQuery);
jQuery.extend(jQuery.roundaboutShapes,{theJuggler:function(a,b,c){return{x:Math.sin(a+b),y:Math.tan(Math.exp(Math.log(a))+b)/(c-1),z:(Math.cos(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}},figure8:function(a,b,c){return{x:Math.sin(2*a+b),y:Math.sin(a+Math.PI/2+b)/8*c,z:(Math.cos(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}},waterWheel:function(a,b,c){return{x:Math.sin(a+Math.PI/2+b)/8*c,y:Math.sin(a+b)/(Math.PI/2),z:(Math.cos(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}},square:function(a,b,c){var d,e,f;return a<=Math.PI/2?(d=2/Math.PI*a,e=-(2/Math.PI)*a+1,f=-(1/Math.PI)*a+1):a>Math.PI/2&&a<=Math.PI?(d=-(2/Math.PI)*a+2,e=-(2/Math.PI)*a+1,f=-(1/Math.PI)*a+1):a>Math.PI&&a<=3*Math.PI/2?(d=-(2/Math.PI)*a+2,e=2/Math.PI*a-3,f=1/Math.PI*a-1):(d=2/Math.PI*a-4,e=2/Math.PI*a-3,f=1/Math.PI*a-1),{x:d,y:e*c,z:f,scale:f}},conveyorBeltLeft:function(a,b,c){return{x:-Math.cos(a+b),y:Math.cos(a+3*Math.PI/2+b)/8*c,z:(Math.sin(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}},conveyorBeltRight:function(a,b,c){return{x:Math.cos(a+b),y:Math.cos(a+3*Math.PI/2+b)/8*c,z:(Math.sin(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}},goodbyeCruelWorld:function(a,b,c){return{x:Math.sin(a+b),y:Math.tan(a+3*Math.PI/2+b)/8*(c+.5),z:(Math.sin(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}},diagonalRingLeft:function(a,b,c){return{x:Math.sin(a+b),y:-Math.cos(a+Math.tan(Math.cos(b)))/(c+1.5),z:(Math.cos(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}},diagonalRingRight:function(a,b,c){return{x:Math.sin(a+b),y:Math.cos(a+Math.tan(Math.cos(b)))/(c+1.5),z:(Math.cos(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}},rollerCoaster:function(a,b,c){return{x:Math.sin(a+b),y:Math.sin((2+c)*a),z:(Math.cos(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}},tearDrop:function(a,b,c){return{x:Math.sin(a+b),y:-Math.sin(a/2+c)+.35,z:(Math.cos(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}},tickingClock:function(a,b,c){return{x:Math.cos(a+b-Math.PI/2),y:Math.sin(a+b-Math.PI/2),z:Math.cos(a),scale:Math.cos(a)+.5}},flurry:function(a,b,c){return{x:Math.sin(3*a+b),y:Math.cos(a+Math.PI/2+b)/2*c,z:(Math.cos(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}},nowSlide:function(a,b,c){return{x:.5*Math.tan(2*a+b),y:Math.cos(2*a+c)/6,z:(Math.cos(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}},risingEssence:function(a,b,c){return{x:Math.sin(a+b),y:Math.tan((2+c)*a),z:(Math.cos(a+b)+1)/2,scale:Math.sin(a+Math.PI/2+b)/2+.5}}});
roundabout_shapes.min.js
roundabout插件使用（3d旋转轮播图）兼容IE8的更多相关文章
- jQuery自适应-3D旋转轮播图
3D旋转轮播图 本例源于(站长之家实例http://sc.chinaz.com/jiaoben/170215391070.htm) 其他相似示例(https://www.cnblogs.com/inc ...
- swiper轮播图--兼容IE8
//引入idangerous.swiper.min.js var mySwiper = new Swiper ('.swiper-container', { loop: true, paginatio ...
- JS-特效 ～ 05. 缓动框架兼容封装／回掉函数／兼容透明度／层级、旋转轮播图、正则表达式、验证表单注册账号、
缓动函数中opcity 写百分值的值 JS一般不用小数运算,会照成精度丢失 元素的默*认透明度是 层级一次性赋值,不缓动 利用for…in为同一个父元素的子元素绑定属性 缓动框架兼容封装/回掉函数/ ...
- WPF特效-实现弧形旋转轮播图
原文:WPF特效-实现弧形旋转轮播图 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/u013224722/article/details/77004 ...
- CSS3之3D轮播图
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- JS封装动画框架,网易轮播图,旋转轮播图
JS封装动画框架,网易轮播图,旋转轮播图 1. JS封装运动框架 // 多个属性运动框架 添加回调函数 function animate(obj,json,fn) { clearInterval(ob ...
- 四图3d旋转轮播
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>3d ...
- 3d轮播图（另一种方式，可以实现的功能更为强大也更为灵活，简单一句话，比酷狗优酷的炫）
前不久我做了一个3d仿酷狗的轮播图,用的技术原理就是简单的jquery遍历+css样式读写. 这次呢,我们换一种思路(呵呵其实换汤不换药),看到上次那个轮播吗?你有没有发现用jquery的animat ...
- 3d轮播图——类似酷狗的轮播
说到轮播图,其实只要是跟web开发相关的无论是前端后端应该都不陌生,各种各样的轮播图,从以前的单纯的平面山水画遮盖滑动或滚动,到Jquery的animate甚至是h5+css3,各种炫酷的轮播图更是层 ...
随机推荐
- hdu 3839 Ancient Messages （dfs ）
题目大意:给出一幅画,找出里面的象形文字. 要你翻译这幅画,把象形文字按字典序输出. 思路:象形文字有一些特点,分别有0个圈.1个圈.2个圈...5个圈.然后dfs或者bfs,就像油井问题一样,找出在 ...
- Weblogic日志机制详解
服务器日志 每个 WebLogic Server 实例将来自子系统和应用程序的所有消息写入位于本地主机上的服务器日志文件.默认情况下,服务器日志文件位于服务器实例根目录下的 logs 目录中:例如, ...
- c# winform DirectX播放器 可以任意设置宽高比 屏幕拉伸
第一步:dll引用 Microsoft.DirectX.dll Microsoft.DirectX.AudioVideoPlayback.dll 如果没有的话,可能需要安装微软的DRECTX JDK ...
- java连接mysql步骤
转自:http://www.cnblogs.com/hongten/archive/2011/03/29/1998311.html JDBC连接mysql数据库 •创建一个以JDBC连接数据库的程 ...
- PHP 将下划线命名 转换为 驼峰式命名
function convertUnderline($str , $ucfirst = true) { $str = ucwords(str_replace('_', ' ', $str)); $st ...
- 2 . Linux常见命令
Linux常见命令格式: 命令名称 选项 参数 ls -alh 文件/目录 --all #ls 显示当前目录内容 #ls -l 显示文件详细信息 #ls -hl h已常见单位显示文件大小 k M G# ...
- DP专题训练之HDU 1506 Largest Rectangle in a Histogram
Description A histogram is a polygon composed of a sequence of rectangles aligned at a common base l ...
- 【转载】Tomcat崩溃事件
转载地址:http://www.blogjava.net/tedeyang/archive/2008/06/04/205740.html Tomcat崩溃事件 今天一大早产品一部项目经理就来找我,他们 ...
- iOS中如何隐藏启动图片的状态栏
只隐藏启动图片顶部的状态栏,而不影响程序运行起来控制器的状态栏显示?在info.plist文件中添加一个Statis bar is...... 默认是NO改为YES即可
- SQL中常用模糊查询的四种匹配模式&&正则表达式
执行数据库查询时,有完整查询和模糊查询之分.一般模糊语句如下:SELECT 字段 FROM 表 WHERE 某字段 Like 条件 其中关于条件,SQL提供了四种匹配模式:1.%:表示任意0个或多个字 ...