Mooclock

By

bu bu kod.

#mooClock-placeholder{
  width:100px;
  height:100px;
}

Eklentini asıl çalıştıran javascript komut.
window.addEvent('domready',function(){
  var mooClockInstance = new Mooclock($('mooClock-placeholder'),
    /* default options 
    {
      'clockClass' : 'mooClock',
      'timeClass' : 'mooClockTime',
      style : {
        'pivot' : {
          'color' : '#FF0000',
          'width' : 10
        },
        'clockCircle' : {
          'color' : '#FF0000',
          'size' : 10
        },
        'seconds' : {
          'color' : '#000000',
          'len' : 87, //from 0 to 100
          'size' : 2
        },
        'minutes' : {
          'color' : '#000000',
          'len' : 75, //from 0 to 100
          'size' : 5
        },
        'hours' : {
          'color' : '#000000',
          'len' : 50, //from 0 to 100
          'size' : 8
        },
        'milliseconds' : {
          'color' : '#000000',
          'len' : 100, //from 0 to 100
          'size' : 1
        }
      },
      showSeconds : true,
      showHours : true,
      showMinutes : true,
      showMilliseconds : false,
      showTime : false,
      shwClockCircle : true,
      timeZoneIncrement : 0
    }
  */
  );
  //stop(pause) clock
  mooClockInstance.stop();
  //play clock
  mooClockInstance.play();
});

Head  etiketleri ile işimiz  bitti.

Body body  etiketleri  arasına  eklenmesi gereken kısım.

Sadece  aşağıdaki html kodu sitenizin herhangi  bir yerine ekleyerek  saati kullanabilirsiniz.

<div id="mooClock-placeholder"></div>



Leave a Comment

Your email address will not be published.

You may also like

Trend