Chữ chạy xung quanh chuột

Diễn Đàn Quản Trị Mạng

Diễn Đàn Quản Trị Mạng - Thông Tin - Giải Trí
 
Trang ChínhTrang Chính  Portal*Portal*  CalendarCalendar  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Thành viênThành viên  NhómNhóm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  
Chào mừng Khách viếng thăm đã đến với diễn đàn QuảnTrịMạngSố.Vn


Chữ chạy xung quanh chuộtXem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Tue Sep 27, 2011 9:59 pm
Admin
avatar
[QTM] - Admin
Tổng Tư Lệnh
Level: 146 Level Top: 146%
Kinh Nghi?m: 146/100
Experience: 30/100
Level: 146 Level Top: 146%
Kinh Nghi?m: 146/100
Experience: 30/100
Level: 146 Level Top: 146%
Kinh Nghi?m: 146/100
Experience: 30/100
Level: 146 Level Top: 146%
Kinh Nghi?m: 146/100
Experience: 30/100
Level: 146 Level Top: 146%
Kinh Nghi?m: 146/100
Experience: 30/100
Level: 146 Level Top: 146%
Kinh Nghi?m: 146/100
Experience: 30/100
Level: 146 Level Top: 146%
Kinh Nghi?m: 146/100
Experience: 30/100
Level: 146 Level Top: 146%
Kinh Nghi?m: 146/100
Experience: 30/100
Level: 146 Level Top: 146%
Kinh Nghi?m: 146/100
Experience: 30/100
Giới tính Giới tính : Nam
Hoàng Đạo Hoàng Đạo : BẠCH DƯƠNG
Con Giáp Con Giáp : Thìn
Tổng số bài gửi : 146
Tài Sản : 2637867
Uy Tín : 22
Ngày Tham Gia : 19/08/2011
Tuổi : 30
Đến từ : Quảng Trị

Bài gửiTiêu đề: Chữ chạy xung quanh chuột
http://quantrimang3.123.st

Nguồn : Chữ chạy xung quanh chuột



Diễn Đàn Quản Trị Mạng

--------------------------------------------------
Chào Khách viếng thăm ! Ngồi rãnh rỗi nên mình sưu tầm được cái Code chuẩn, có chữ chạy xung quanh chuột. Lưu ý: Dùng tốt cho các Trình Duyệt Web sử dụng tốt Java. Google Chrome, FireFox, Safari.

Trích dẫn :
Code:
<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: Times New Roman;
font-weight: bold;
font-family: 'comic sans ms', verdana, times new roman;
color: RED;
/* 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>
<p>
    [color=red](Diễn-Đàn-Lớp-Quản-Trị-Mạng-3)[/color]<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 = "[color=red]Diễn-Đàn-Lớp-Quản-Trị-Mạng-3[/color]";
/* 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>


Nhớ thay dòng chữ màu đỏ tùy theo ý bạn nha ! ^^




۰۪۪۫۫●۪۫۰ - ۰۪۪۫۫●۪۫۰-·=»‡«=·- Quản Trị Mạng -·=»‡«=·-۰۪۪۫۫●۪۫۰ - ۰۪۪۫۫●۪۫۰



[You must be registered and logged in to see this image.]
ஜ۩۞۩ஜADMINஜ۩۞۩ஜ
[You must be registered and logged in to see this link.]
Email: [You must be registered and logged in to see this link.]
Phone: 0979930178

*Hãy cùng chia sẻ với bạn bè bằng cách *

Copy và gửi đến nick yahoo bạn bè!



Chữ chạy xung quanh chuột

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang

Permissions in this forum:Bạn không có quyền trả lời bài viết
Diễn Đàn Quản Trị Mạng :: Góc Chia Sẻ :: Thủ Thuật Web, Blog, 4R-