How To Make A Word To Follow Cursor

OK, if in the previous I have posted How To Make A Clock And Calendar To Follow The Cursor , now i  will post How To Make A Word To Follow Cursor. The effect will make your text around the cursor. Now i wil give the steps.

1. Log in to your blogger account
2. Go to Desgin>>>Page Elements>>>Add Gadget
3. Choose "HTML/Java Script"
4. Then copy the code below, and paste in the place

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #0000ff;
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'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "Comments";
/* 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 =20;
// 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>

NOTE : #0000ff with your color choice
             Comments with your message

5. If finished, save it now

42 comments:

how can i use it for my html nav bar using backgound instead of text.i dont know javascript but i know html and css.
i want to create a nav bar like http://css-tricks.com/examples/MagicLine/ without using javascript.

Reply
7/7/12

It scans and reads your vehicle's internal pc and then studies on what it has identified. The value of the product is also acceptable.

Feel free to visit my web site obd2 code reader

Reply
Anonymous
4/6/13

Thanks for the best blog. Keep sharing such ideas in the future as well. Click to play:
Slitherio | Slither io | Slither.io .
I like play games. Why you do not click to play :
Wingsio | Wings io | Wings.io

:D

Reply
20/5/16


الاول خدماتها تغطى جميع انحاء المملكة فهى افضل شركات التنظيف بجدة ومكة والرياض وينبع والاحساء والدمام نتميز باننا نوفر افضل العماله المدربة الماهرة نقدم تنظيف منازل وخزانات وبيوت وفلل وشقق ومجالس وسجاد وموكيت
شركة تنظيف خزانات بجدة
شركة تنظيف منازل بالدمام
شركة نقل اثاث بينبع
شركة تنظيف خزانات بينبع


شركة تنظيف بمكة
شركة تنظيف بالقطيف
شركة تنظيف بالاحساء
شركة شراء اثاث مستعمل بالرياض
شركة نقل اثاث بجدة
شركة تنظيف كنب بشرق الرياض
مكافحة الصراصير
تنتشر في السعودية عدة انواع من الصراصير كالصراصير الامريكية والالمانية والشرقية وتعد خطيره لانها تنقل الميكروبات وتسبب الامراض للانسان من هنا جاءت اهمية مكافحتها والتخلص منها نستخدم افضل مبيدات مكافحة الصراصير المثبت فعاليتها وتغطى خدماتنا كافة مناطق المملكة فالاول تشتهر بانها احسن شركة مكافحة صراصير بالرياض واحسن شركة مكافحة صراصير بمكة واحسن شركة مكافحة صراصير بجدة واحسن شركة مكافحة صراصير بالمدينة المنورة

شركة مكافحة صراصير بالجبيل

Reply


نحن تنظيف شقق بالمدينه المنوره تعمل فى مجال تنظيف الفلل ولدينا عمال متخصصون فى تنظيف شقق للفلل حيث نمتاز عن اى شركة اخرى فى مجال تنظيف شقق بالمدينة فاننا نعمل على جميع خدمات التنظيف منذ سنوات ولدينا الخبرة الكبيرة فى تنظيف الشقق. مرحبا بكم فى شركتكم تنظيف شقق المدينة المنورة اكبر شركة متخصصة فى شركة غسيل شقق حيث تقوم بكافة اعمال تنظيف منازل باستخدام احدث الآلات و المعدات و افضل مواد التنظيف المستوردة و الاصلية كما تعتمد تنظيف شقق على اكبر فريق عمل متخصص بتنظيف منازل و ذو خبرة و مهارة لانجاز كافة الاعمال بكل دقة واتقان و فى اقل وقت .

شركة تنظيف شقق بالمدينة المنورة


تنظيف شقق بالمدينة المنورة

شركة تنظيف شقق بالمدينة المنورة شركة سعودية متخصصة فى تنظيف شقق بالمدينة المنورة بالاضافة الي خدمات تنظيف اخرى كثيرة ,فلديها عمال متميزين ومتخصصين فى غسيل شقق بالمدينة المنورة بجميع محتوياتها الداخلية من انتريهات وكنب ومجالس ولدينا القدرة علي جعله نظيفا تماما خالي من البقع وازالة بقع الاكل والدهون من عليه وخاصة مع وجود الاطفال يكون الكنب شديد الاتساخ ولكن بعد الان سيصبح الكنب نظيفا بواسطة افضل المنظفات التي نستخدمها في شركة تنظيف شقق, حيث نقدم خدمات للعديد من المناطق المحيطة بالمدينة المنورة وضواحيها.

غسيل شقق بالمدينة المنورة


تنظيف شقق بالمدينه المنوره


غسيل شقق بالمدينه المنوره

Reply

تعتمد شركة الحرمين
شركة كشف تسربات المياه بالاحساء شركة كشف تسربات المياه بالقطيف
على احدث الاجهزة وافضل الخدمات الاساسية التى تساعد فى تمتلك افضل الادوات المثالية والتى تنافس اقوى الشركات فى مجال
التسليك ومنها شركة طيوب التى لا تقل شركتنا اهمية عنها من حيث العمالة الفنية
شركة كشف تسربات المياه براس تنورة
المدربه على اعلى مستوى من الخبرة والمهارة التعرف على مكان التسرب والتعرف على الاسباب التى ادتت الى حدوثها فلا تتردد فى التعاون معنا

شركة كشف تسربات المياه بالخبر


شركة كشف تسربات المياه بالجبيل

شركة عزل فوم بالرياض

شركه عزل فوم بالدمام

Reply

[URL=https://nile-company.org/%D8%B4%D8%B1%D8%A7%D8%A1-%D8%A7%D8%AB%D8%A7%D8%AB-%D9%85%D8%B3%D8%AA%D8%B9%D9%85%D9%84-%D8%A8%D8%A7%D9%84%D9%82%D8%B5%D9%8A%D9%85//]شراء اثاث مستعمل ببريدة [/URL]
[URL=https://nile-company.org/%D8%B4%D8%B1%D9%83%D8%A9-%D8%B4%D9%81%D8%B7-%D8%A8%D9%8A%D8%A7%D8%B1%D8%A7%D8%AA-%D8%A8%D8%A7%D9%84%D9%82%D8%B5%D9%8A%D9%85//]شركة شفط بيارات بالقصيم[/URL]
[URL=https://nile-company.org/%D8%B4%D8%B1%D9%83%D8%A9-%D8%B4%D9%81%D8%B7-%D8%A8%D9%8A%D8%A7%D8%B1%D8%A7%D8%AA-%D8%A8%D8%A7%D9%84%D9%82%D8%B5%D9%8A%D9%85//]شركة شفط بيارات ببريدة[/URL]
[URL=https://nile-company.org/%D8%B4%D8%B1%D9%83%D8%A9-%D8%AA%D9%86%D8%B8%D9%8A%D9%81-%D8%A8%D9%8A%D8%A7%D8%B1%D8%A7%D8%AA-%D8%A8%D8%A7%D9%84%D9%82%D8%B5%D9%8A%D9%85-0533942974//]شركة تنظيف بيارات بالقصيم [/URL]
[URL=https://nile-company.org/%D8%B4%D8%B1%D9%83%D8%A9-%D8%AA%D9%86%D8%B8%D9%8A%D9%81-%D8%A8%D9%8A%D8%A7%D8%B1%D8%A7%D8%AA-%D8%A8%D8%A7%D9%84%D9%82%D8%B5%D9%8A%D9%85-0533942974//]شركة تنظيف بيارات ببريدة [/URL]
[URL=https://nile-company.org/%D8%B4%D8%B1%D9%83%D8%A9-%D8%B9%D8%B2%D9%84-%D8%AE%D8%B2%D8%A7%D9%86%D8%A7%D8%AA-%D8%A8%D8%A7%D9%84%D9%82%D8%B5%D9%8A%D9%85//]شركة عزل خزانات بالقصيم[/URL]
[URL=https://nile-company.org/%D8%B4%D8%B1%D9%83%D8%A9-%D8%B9%D8%B2%D9%84-%D8%AE%D8%B2%D8%A7%D9%86%D8%A7%D8%AA-%D8%A8%D8%A7%D9%84%D9%82%D8%B5%D9%8A%D9%85//]شركة عزل خزانات ببريدة [/URL]
[URL=https://nile-company.org/%D8%B4%D8%B1%D9%83%D8%A9-%D8%B9%D8%B2%D9%84-%D8%A7%D8%B3%D8%B7%D8%AD-%D8%A8%D8%A7%D9%84%D9%82%D8%B5%D9%8A%D9%85//]شركة عزل اسطح بالقصيم [/URL]
[URL=https://nile-company.org/%D8%B4%D8%B1%D9%83%D8%A9-%D8%B9%D8%B2%D9%84-%D8%A7%D8%B3%D8%B7%D8%AD-%D8%A8%D8%A7%D9%84%D9%82%D8%B5%D9%8A%D9%85//]شركة عزل اسطح ببريدة [/URL]

Reply
2/3/17


عملائنا الكرام هل تحتاجون الى متخصصين فى اعمال مكافحة الحشرات ؟ اليكم الان شركة العربى لمكافحة الحشرات بحائل التى تعد من اولى الشركات الرائدة فى اعمال مكافحة الحشرات واعمال اخرى كالاتى :
مكافحة الحشرات بالمبيدات الامنة . مكافحة الحشرات بدون مغادرة المكان , مكافحة الحشرات القارضة والزواحف , مكافحة الحشرات الطائرة
وهناك الكثير من الخدمات التى تقدمها شركة العربى لمكافحة الحشرات بالاماكن العامة والخاصة وتعمل الشركة على توفير الطرق الحديثة والامنة للعمل على مكافحة كافة انواع الحشرات المختلفة بدون رجعة وضمان عدم عودتها مرة اخرى
شركة نقل اثاث بحائل
وتعتمد الشركة على مجموعة من الفنيين المهرة والعاملين المدربين على التعامل مع كافة انواع الحشرات المختلفة والقرة على حل المشكلات التى من الممكن مواجهاتها اثناء فحص المكان والتاكد من كميات الحشرات الموجودة
وتعتمد الشركة على توفير مبيدات مصرح بها من وزارة الصحة والتى تبيد الحشرات تماما ودون التسبب فى مشكلات صحية للافراد وكبار السن ولا تسبب اى مشكلات بالبيئة
كما ان طريقة رش الامصال ووضع المبيدات تعتمد على الالات والمعدات الحديثة التى تعمل بالشحنات الكهروستاتيكية لتوصيل المبيدات الى اى مكان مهما كان ضيق او بعيد
ونضمن لكم فى الشركة العمل على التخلص التام والنهائى من الحشرات الموجودة بالمكان ويمكنكم التواصل معنا من خلال فروعنا بالمملكة فى حائل وبريدة والقصيم وعنزة
وجميع المحافظات الاخرى المختلفة اتصلوا الان وتصفحوا مواقعنا الالكترونية للمزيد من المعلومات عن خدماتنا المختلفة .
شركة رش مبيدات بحائل
عميلنا العزيز هل تبحث عن شركة متخصصة في خدمات التنظيف المختلفة ؟
اليكم عملاؤنا الكرام شركة العربى لخدمة تنظيف الكنب بحائل ،وتوفرها الشركة لجميع العملاء في مناطق حائل وبريدة والقصيم وعنزة ومن ابرز الخدمات التي تهتم الشركة بتوفيرها كالتالي :
• توفير جميع خدمات التنظيف المتعددة
• استخدام اجهزة البخار الحديثة
• توفير المنظفات المستوردة المستخدمة في عمليات التنظيف
• توفير العمالة المميزة والمتخصصة
• تقديم الخدمة باسعار مغرية
شركة نقل عفش بحائل
عميلنا العزيز عندما تستكمل قراءة تلك المقال سوف تكون علي ثقة تامة انك في المكان الصح وان اختيارك هو الامثل ،وذلك لان الشركة تحرص علي توفير جميع العدد والادوات اللازمة التي تناسب كل مكان وحسب المهمة المحددة من التنظيف
ومن ابرز الاعمال التي يقوم بها فريق عمل الشركة كالتالي
اولا يقوم فريق العمل بتنظيف جميع انواع الارضيات سواء كانت ارضيات خشبية كالباركية ومن المعروف انه يحتاج الي معاملة خاصة في التنظيف حيث انه يفسد من كثرة الماء كما ان كثرة دعكة من اجل التخلص من بقعة ما تتسبب في تعرضه للخدش
،لذا فريق العمل لديه خبرة كافية للتعامل مع مثل هذه المواقف الصعبة ،كما يتم تنظيف الانواع الاخري من الارضيات سواء كانت ارضية معمولة من الرخام او السيراميك او البورسلين
شركة كشف تسربات المياه بحائل
اتصل الان ولا تتردد عزيزى العميل فنحن الاختيار الامثل لك
اتصل على هذا الرقم 0551154864
لتحصل على خدمه ممتازة مقابل مبالغ مادية قليله

Reply
16/8/17

Post a Comment

:) :( :)) :D =))
Loading Comment Form