script circle text


untuk para netter yang suka blogwalking pasti sudah tidak aneh lagi dengan yang namanya circle text, nah ini script untuk circle text, scriptnya lumayan panjang sih,, tapi hasilnya juga insyaallah tidak akan mengecewakan, ini scriptnya


<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #7CFC00;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
   Website: http://www.tempermedia.com/
   Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
   Modified Here for more flexibility and modern browser support
   Modifications as first seen in http://www.dynamicdrive.com/forums/
   username:jscheuer1 - This notice must remain for legal use
   */

;(function(){

// Your message here (QUOTED STRING)
var msg = "silahkan tulis disini kata kata yang kalian inginkan";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
 e = e || window.event;
 ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
 xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
 if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
 };
 currStep -= rotation;
 for (var d, i = n; i > -1; --i){ // makes the circle
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
 };
},

drag = function(){ // makes the resistance
 y[0] = Y[0] += (ymouse - Y[0]) * speed;
 x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
 for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
 };
 makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
 if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
 } else init.nopy = true;
 for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
 };
 o.appendChild(oi); document.body.appendChild(o);
 setInterval(drag, 25);
},

ascroll = function(){
 ymouse += window.pageYOffset;
 xmouse += window.pageXOffset;
 window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
 window.addEventListener('load', init, false);
 document.addEventListener('mouseover', mouse, false);
 document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
 window.attachEvent('onload', init);
 document.attachEvent('onmousemove', mouse);
};

})();

</script>

ket: untuk script yang berwarna merah tinggal di ganti dengan kata-kata yang di inginkan,,selamat mencoba

3 komentar:

  1. D A D U P O K E R

    Situs Judi Online BANDARQ 8 Games 1 ID
    Minimal Deposit 20 ribu ^^
    Jackpot Jutaan Rupiah SETIAP HARI !!!
    Hadirkan New games dengan Sistem Baru " BANDAR66 "

    HOT Promo Dadupoker September 2018 :
    (*) Bonus Referral 20%
    (*) Bonus Turn Over Hingga 0,5%
    (*) Jackpot Jutaan Rupiah ( Setiap Hari )
    (*) 1.000% NO Robot dan No Admin !!!

    Link Resmi : www.daduqq.info / www.daduqq.net

    Info Selengkapnya Hubungi kami :
    BBM : 2be2b4b7
    WA : +6281291417675

    BalasHapus
  2. Freechips Bonus Spesial Natal & Tahun Baru 2019 Bersama Bolavita

    ayam bangkok aduan Live terbesar di indonesia hanya di AGEN BOLAVITA
    Dapatkan Bonus Freechips IDR 1.000.000,-
    1# Promo Rollingan Casino 1% Bulan Desember 2018 Untuk Semua Game Casino.
    2# Promo Frenzy Bonus Deposit IDR 1.000.000,- Yuk Segera Daftar Di Agen Bolavita Agen Taruhan Online Aman Dan Terpercaya.
    INFO Kontak Kami (24 jam Online):

    BBM: B O L A V I T A
    WeChat: B O L A V I T A
    WA: +62 8 1 2-2 2 2 2-9 9 5
    Line : cs_b o l a v i t a

    BalasHapus
  3. MEJAQQ: AGEN JUDI POKER DOMINOQQ BANDARQ ONLINE TERBESAR DI ASIA

    Yang Merupakan Agen Judi Poker DominoQQ BandarQ Online Terbesar di Asia Hadir Untuk Anda Semua Dengan Games dan Bonus Yang Menarik!

    Bonus yang Kami Berikan di MEJAQQ :
    * Bonus CASHBACK 0,5% (Dibagikan setiap hari SENIN)
    * Bonus REFERRAL 10% + 10% SEUMUR HIDUP (Total kemenangan REFERRAL anda)
    * Minimal Deposit 20,000
    * Minimal Withdraw 20,000
    * 7 Bank Lokal (BCA, BNI, MANDIRI, BRI, DANAMON, CIMB NIAGA, PERMATA)
    * Deposit via E-Money, Pulsa XL dan TELKOMSEL
    * 100% Member vs Member
    * Pelayanan Bank dan Livechat 24 jam
    * Tersedia Dalam Aplikasi Android atau IOS.

    Mau dapet duit tanpa kerja? Bisa banget!
    Caranya? Buruan Kunjungi Sekarang Juga ^.^

    Info Lebih Lanjut :
    WA 1 : +855975482150
    WA 2 : +855978975095

    Kunjungi situs kami di :
    MEJAQQ
    BandarQ Online
    Agen BandarQ Online

    BLOGSPOT :
    DUNIA VIRAL
    DUNIA MOVIE
    DUNIA GAME
    DUNIA ANIME

    BalasHapus

 
share © 2012 | Template By Jasriman Sukri