본문 바로가기

WEB/Javascipt

Roundabout for jQuery 이미지 회전 시키기 여러가지



http://www.fredhq.com/projects/roundabout-shapes

실행 자바스크립트 오토스타트 포함

$(document).ready(function() {

    var interval;

  

    $('#myRoundabout')

     .roundabout({

      shape: 'figure8',

      minOpacity: 0.1,

      //startingChild: 1,

      //duration: 1200

     })

     .hover(

      function() {

       // oh no, it's the cops!

       clearInterval(interval);

      },

      function() {

       // false alarm: PARTY!

       interval = startAutoPlay();

      }

     );

    

    // let's get this party started

    interval = startAutoPlay();

   });

   

   function startAutoPlay() {

    return setInterval(function() {

     $('#myRoundabout').roundabout_animateToNextChild();

    }, 3000);

   }

 

반응형

'WEB > Javascipt' 카테고리의 다른 글

jquery tools  (0) 2011.02.07
[Jquery] Position fixed for Internet Explorer 6  (0) 2010.11.03
레이어 보이기 감추기  (0) 2010.11.02