// JavaScript DocumentjQuery(function(){ jQuery(window).load(function(){ var jQuerysetElm = jQuery('.ticker'); var effectSpeed = 1000; var switchDelay = 6000; var easing = 'swing'; jQuerysetElm.each(function(){ var effectFilter = jQuery(this).attr('rel'); // 'fade' or 'roll' or 'slide' var jQuerytargetObj = jQuery(this); var jQuerytargetUl = jQuerytargetObj.children('ul'); var jQuerytargetLi = jQuerytargetObj.find('li'); var jQuerysetList = jQuerytargetObj.find('li:first'); var ulWidth = jQuerytargetUl.width(); var listHeight = jQuerytargetLi.height(); jQuerytargetObj.css({height:(listHeight)}); jQuerytargetLi.css({top:'0',left:'0',position:'absolute'}); if(effectFilter == 'fade') { jQuerysetList.css({display:'block',opacity:'0',zIndex:'98'}).stop().animate({opacity:'1'},effectSpeed,easing).addClass('showlist'); setInterval(function(){ var jQueryactiveShow = jQuerytargetObj.find('.showlist'); jQueryactiveShow.animate({opacity:'0'},effectSpeed,easing,function(){ jQuery(this).next().css({display:'block',opacity:'0',zIndex:'99'}).animate({opacity:'1'},effectSpeed,easing).addClass('showlist').end().appendTo(jQuerytargetUl).css({display:'none',zIndex:'98'}).removeClass('showlist'); }); },switchDelay); } else if(effectFilter == 'roll') { jQuerysetList.css({top:'3em',display:'block',opacity:'0',zIndex:'98'}).stop().animate({top:'0',opacity:'1'},effectSpeed,easing).addClass('showlist'); setInterval(function(){ var jQueryactiveShow = jQuerytargetObj.find('.showlist'); jQueryactiveShow.animate({top:'-3em',opacity:'0'},effectSpeed,easing).next().css({top:'3em',display:'block',opacity:'0',zIndex:'99'}).animate({top:'0',opacity:'1'},effectSpeed,easing).addClass('showlist').end().appendTo(jQuerytargetUl).css({zIndex:'98'}).removeClass('showlist'); },switchDelay); } else if(effectFilter == 'slide') { jQuerysetList.css({left:(ulWidth),display:'block',opacity:'0',zIndex:'98'}).stop().animate({left:'0',opacity:'1'},effectSpeed,easing).addClass('showlist'); setInterval(function(){ var jQueryactiveShow = jQuerytargetObj.find('.showlist'); jQueryactiveShow.animate({left:(-(ulWidth)),opacity:'0'},effectSpeed,easing).next().css({left:(ulWidth),display:'block',opacity:'0',zIndex:'99'}).animate({left:'0',opacity:'1'},effectSpeed,easing).addClass('showlist').end().appendTo(jQuerytargetUl).css({zIndex:'98'}).removeClass('showlist'); },switchDelay); } }); });