▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

CHỮ XOAY TRÒN THEO CON TRỎ CHUỘT

Kỳ trước, tôi có chia sẻ cho các bạn cách thay đổi hình dáng con trỏ chuột cho Blogspot (xem TẠI ĐÂY), để cho con chuột thêm đẹp bạn cũng có thể tạo những dòng chữ xoay tròn theo con trỏ chuột và đi bất cứ nơi nào trên blog khi chuột di chuyển, hiệu ứng này cũng "khá mướt", ở giới hạn trang bài viết này bạn có thể xem thử con chuột của dunghennessy nha (bạn chờ load trang xong sẽ thấy chữ chạy xoay tròn theo chuột).

Rất đơn giản, bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi copy đoạn code phía dưới vào.
<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: Times new roman;
color:   
#4AA02C;
/* 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">



;(function(){

// Your message here (QUOTED STRING)
var msg = "DUNGHENNESSY.BLOGSPOT.COM!";

/* 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 = 15;

// 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>



Bây giờ, bạn có thể thay đổi các dòng lệnh màu đỏ để phù hợp với blog của mình và bấm Lưu lại là xong
Chúc các bạn có "chú chuột Pro" nha




27 nhận xét:

Tahaefment nói...

Bác ơi cho cháu xin bài viết này nha (cháu copy rồi nhưng quên xin)

dungheineken nói...

Ok, cứ tự nhiên

tran thi thanh thu nói...

tks dung nha minh sin cai lày hihi

dungheineken nói...

Ok, cứ tự nhiên nha bạn!!!

Thạch Thảo nói...

Lần đầu tiên TT vào đây, xin chào chủ nhà, TT thích trang web này lắm, chủ nhà thông minh quá! Nhưng TT có 1 thắc mắc, ko hiểu sao TT dùng code cho "chử xoay tròn theo con trỏ chuột" ko được, TT rành về cách dùng code, ko biết chủ nhà có viết sai chổ nào trong phần code này ko? Chỉ cần lỡ 1 dấu phẩy thôi cũng thành code sai hix hix
Mong chủ nhà giúp đỡ TT, thank you so much!

dungheineken nói...

Đầu tiên cám ơn TT đã ghé tham quan dunghennessy.
Code này khi đăng bài tôi đã thử nghiệm ở vài Blog đều OK cả (và cũng có vài bạn thực nghiệm đều thành công), còn ở blog của TT con chuột không hiển thị được có thể do 2 nguyên nhân sau:
- Đúng như lời TT nói "Chỉ cần sót 1 dấu phẩy thôi thì cũng sai", vì vậy TT thử làm lại xem (coi chừng chép code thiếu không?)
- Có thể code này bị xung đột với code nào ở blog của TT nên nó sẽ không hiển thị hoặc bị lỗi.
Thân!!!

sdf nói...

anh oi xin chi dum e chi tiet dc khogn vay!e khong biet phai làm nhu the nao day.hix.hix

dungheineken nói...

Em đăng nhập vào blog rồi chọn mục Thiết kế, sau đó bấm vào thêm tiện ích, một bảng nhỏ hiện ra, em kiếm mục "TIỆN ÍCH HTML", sau đó dán code này vào và bấm Lưu lại là xong

DzuyB nói...

Chào Bạn !
Rất mong được sự giúp đở của bạn !
Mình thử vào Blog.Yahoo mới mà không được bạn ơi !
Bạn có thể hướng dẩn thêm cho mình được không !
Chúc bạn luôn luôn thành công trong công việc và gặp nhiều may mắn trong cuộc sống !
Chờ Hồi Âm !!!

dungheineken nói...

À, cái code này chỉ sử dụng cho Blogspot mà thôi. Còn bên Yahoo thì mình "bó tay"
Cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy

ngocdung tranthi nói...

Chèn ơi Dung rinh gần hết blog của Dũng đem về nhà rồi,chúc đêm an giấc Dũng nha.... :>)

dungheineken nói...

Dũng còn nhiều lắm đó sợ Dung không có sức mà rinh đâu... :-d

xiuhenabc nói...

Anh Dũng ơi sao code chữ chạy quanh chuột của anh em lấy dan vào blog nó không chạy vậy anh

dungheineken nói...

Em làm lại thử xem...Nếu nó vẫn không chạy có nghĩa là "nó" đã bị xung đột với code nào đó trên blog của em rồi

tuong khac nói...

thay lá cờ bằng một cái j khác cho con chuột thì làm thế nào hả bác.thank!

dungheineken nói...

Thì bạn cứ việc thay link ảnh lá cờ là link của hình ảnh khác, sau đó bấm Lưu lại là xong

den tran nói...

sao minh làm gan quoc ky cho con trỏ chuot giong ban chi mà ko duoc

Dung PHAM HOANG nói...

Nó bị lỗi gì bạn???

sang le nói...

LỆNH MÀU MÌNH ĐỔI THẾ NÀO VẬY BẠN

Dung PHAM HOANG nói...

Muốn thay đổi màu, bạn thay đổi dòng lệnh màu đỏ thứ 2 từ trên xuống đó...

Bindy BindyProdution nói...

Anh ơi..! em đang cần cái code để xóa tên và miêu tả blog... anh có thể giúp em được không ạ !!

lonsas123 nói...

cháu sài Jimdo . Cài Như Những con chuột khác . nhưng lại không được ạ :(

Tai Dang nói...

cho minh xin

Tai Dang nói...

cai nay lam sao minh copy roi ko add ddc

Tai Dang nói...

cho minh xin

NGUYỄN THƯỢNG HIỀN nói...

Cho Em xin đoạn code này nha chủ nhà ơi !
cảm ơn nhìu ,nhưng chưa chỉnh sửa được như ý

Mỹ Xuân nói...

e không cop dc code gửi vào mail xuanmy286@gmail.com cho e với bác nhé

Đăng nhận xét

 
Powered by by: Blogger