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

[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

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

Reply
5/7/18


الان احصل علي افضل الامكانيات المتطورة والعالمية في اعمال كشف تسربات الخزانات علي مستوي عالي من التقدم احصل علي اقوي العروض والتقنيات المتطورة اقل سعر في الممكلة العربية السعودية .
https://water-tsarbet.com/%D9%83%D8%B4%D9%81-%D8%AA%D8%B3%D8%B1%D8%A8%D8%A7%D8%AA-%D8%A7%D9%84%D8%AE%D8%B2%D8%A7%D9%86%D8%A7%D8%AA/

Reply
12/7/18

افضل الاعمال المتطورة والمتميزه في اعمال الحراسات علي مستوي عالي من التقدم في العمل افضل شركة امن وحراسة فى مصر علي مستوي عالي من التقدم افضل الامكانيات المتطورة والمتميزه في العمل شركة امن وحراسة يقدم افضل الاعمال المتطورة والمتميزه في العمل علي اعلي مستوي من التميز شركة حراسات امنية يقدم الكثير من الاعمال المتطورة في اعمال الحراسات المتميزه في مصر بافضل الطرق المتميزه .
http://www.guards-security.com

Reply
15/7/18

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

Reply

الان مع اكبر موقع لشركات التجهيزات سوف تحصل علي افضل الخدمات المتطورة والحديثة في العمل تجهيزات سوبر ماركت بافضل الامكانيات المتطورة والحديثة والمتطورة في العمل علي اعلي مستوي من التقدم احصل معنا علي الكثير من خدمات الشركة علي اعلي جودة في العمل احصل معنا علي الكثير من اعمال الشركة علي يد فريق متخصصين تجهيزات محلات بافضل الطرق المتميزه في مصر
http://www.hotel-restaurant-eg.com

Reply
18/7/18

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

Reply
18/7/18

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

Reply
18/7/18

خدمات شركة امن وحراسة احصل عليها الان من شركة الحارس الخاص والتي تعتبر افضل شركة متخصصة تعمل علي امن وحراسة الافراد والممتلكات في اي وقت وباقل الاسعار مع اشراف عام من مجموعه مدربة علي مستوي عالي من الكفائه والخبرة من خلال اهم واكبر شركة حراسات امنية كل ما عليك هو التواصل معنا في اسرع وقت للوصول الي خدمة افضل في مجال الحراسة والتامين .

Reply
22/7/18

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

Reply
22/7/18

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

Reply
25/7/18

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

Reply

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

Reply

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

Reply

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

Reply
15/9/18

صيانة جميع الاجهزة المنزلية علي اعلي مستوي من التقدم في العمل صيانة باور بيد اكبر متخصصين علي اعلي مستوي من التقدم في العمل توكيل باور المتقدم في جميع اعمل الصيانة المتميزه علي يد اكبر فريق من المتخصصين علي اعلي مستوي من التميز في العمل .

Reply
15/9/18

الان يمكنكم التواصل مع شركة نقل عفش بالطائف علي مستوي عالي من التقدم اقوي الخدمات الحديثة والمتميزه شركة نقل اثاث بالطائف في العمل الان تواصل معنا عبر موقع الشركة او التواصل معنا عبر رقم الشركة المتخصص لنا .

Reply
15/9/18


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

https://www.kiriazi-maintenance.com

Reply

Good post ! Thank you so much.

Reply
4/2/19

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

Reply
21/2/19

Post a Comment

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