maus etrafinda dönen yazi
Açiklama;
Mouse İmlecinin Etrafinda Dönen Bir Yazi.Sitenizi daha hoş ve hareketli göstericek.
Demo
Görmüşsünüzdür
Ekstra
-Kırmızı Alanlari Kendinize Göre Değiştirebilirsiniz.
-Kodu Tüm Sayfalarda Görmek İçin Tasarim Üstü Kısmına Ekleyin.
Kod
<style type="text/css">
/* Circle Text Styles */
#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: #000;
/* End Optional */
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;}
</style>
<script type="text/javascript">
;(function(){
// Your message here (QUOTED STRING)
var msg = "Buraya Yaziniz Gelicek";
/* 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>
Bu sayfa hakkındaki son yorum:
Yorumu gönderen:: | 19.10.2015, 08:11 (UTC) |  bedavaoyunlartr Kapalı | Olum Yazı Yüzünden Kopyalayamadım 
|
Yorumu gönderen:: | 12.04.2014, 15:52 (UTC) |  amazon-adam Kapalı | nereye yazıcaz söylermisiniz.....  |
Yorumu gönderen: Allison, 29.11.2013, 08:47 (UTC): We strive to be sure that the pathway of the first of all web get Uggs Deals, towards go on birth of any starts truly very soft since you can
Allison http://bowexywr.typepad.com/blog/2010/08/the-benefits-of-shoe-lifts.html |
Yorumu gönderen: Samantha, 27.11.2013, 16:30 (UTC): truth about abs review can be found on my site
Samantha http://pooka732.typepad.com/blog/2011/09/breast-implants-before-and-after-will-i-look-like-photos-on-the-internet.html |
Yorumu gönderen:: | 17.03.2012, 19:47 (UTC) |  tenhamekan Kapalı | rengini nası değiştirecem |
Yorumu gönderen:: | 14.01.2012, 05:45 (UTC) |  wolfteamviphackalemi Kapalı | Yha Olmuyoyha nasıl yaparım benn!! |
Yorumu gönderen:: | 13.09.2011, 11:23 (UTC) |  botdefteri Kapalı | Süper bi FİKRİM VAR !!!
yazıya " ey edip adanada pide ye"
Yazın DÖNERKEN BAKIN SÜPER ULTRA MEGA HARİKA |
Yorumu gönderen:: | 26.07.2011, 10:44 (UTC) | (locked user) |  |
Yorumu gönderen:: | 18.06.2011, 00:36 (UTC) |  oyun-muharebesi Kapalı | la iki saat şu fare nin götünden gelen şeyle oynadım 
|
Yorumu gönderen:: | 22.04.2011, 14:47 (UTC) |  oyun-yavru Kapalı | Super la Bu  |
Yorumu gönderen:: | 29.03.2011, 10:43 (UTC) | (locked user) | Sagolasın Süper  |
Yorumu gönderen:: | 24.03.2011, 15:55 (UTC) | (locked user) | Süpermiş  |
Yorumu gönderen:: | 23.03.2011, 19:59 (UTC) |  ogundunyasi Kapalı | :D aldim giti |
|
Bu sayfa hakkında yorum ekle: