Hiệu ứng trỏ chuột cho blog plus-Hiệu ứng Blog

Đoạn code sau đây tạo ra hiệu ứng trái tim rất đẹp cho chuột khi bạn click vào 1 link nào đó trong blog :

Cài đặt:
Bạn  vào thiết kế  ==>Theme ==> Chế độ tự chỉnh sửa ==> và dán doạn code trên vào dòng CSS.Thế là bạn.

đây là đoạn code dùng được cho wp

</div><style>HTML,BODY{cursor: url(“downloads.totallyfreecursors.com/cursor_files/iloveyou1.ani“), url(“downloads.totallyfreecursors.com/thumbnails/iloveyou1.gif“), auto;}</style>

Các quý thầy cô Coppy cho vào thông tin bản quyền

đối với các bạn yêu thích wp thì mình giới thiệu với các bạn cách tạo line đủ màu sắc như sau chỉ cần tạo 1 widget văn bản và chèn đoạn code dươớiđây vào là ok

<style>

HTML,BODY{cursor: url(“Đường link của mẫu chuột dạng .ani“), url(“Đường link của mẫu chuột dạng .gif“), auto;}

</style>

<style type=”text/css”>

A:hover{cursor: url(“Đường link của mẫu chuột dạng .ani“), url(“Đường link của mẫu chuột dạng .gif“), auto;}

</style>

đây là một  đoạn code có sẵn

<div></div>
<div class=”tabbertab”><script language=”javascript” type=
“text/javascript”>
////////////////////////////////////////////////////////////////////
var rate = 20;  // Increase amount(The degree of the transmutation)
////////////////////////////////////////////////////////////////////
if (document.getElementById)
window.onerror=new Function(“return true”)
var objActive;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;

if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval(“ChangeColor()”,100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != ‘A’ && obj.tagName != ‘BODY’) {
obj = obj.parentElement;
if (obj.tagName == ‘A’ || obj.tagName == ‘BODY’)
break;
}

if (obj.tagName == ‘A’ && obj.href != ”) {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval(“ChangeColor()”,100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == ‘A’) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != ‘A’ && obj.nodeName != ‘BODY’) {
obj = obj.parentNode;
if (obj.nodeName == ‘A’ || obj.nodeName == ‘BODY’)
break;
}

if (obj.nodeName == ‘A’ && obj.href != ”) {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval(“ChangeColor()”,100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == ‘A’) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
if (elmS == 0) {
elmR = elmV;    elmG = elmV;    elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 – elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 – t2) * t3 / 60;

if (elmH < 60) {
elmR = t1;  elmB = t2;  elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1;  elmB = t2;  elmR = t1 – t3;
}
else if (elmH < 180) {
elmG = t1;  elmR = t2;  elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1;  elmR = t2;  elmG = t1 – t3;
}
else if (elmH < 300) {
elmB = t1;  elmG = t2;  elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1;  elmG = t2;  elmB = t1 – t3;
}
else {
elmR = 0;   elmG = 0;   elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1)    elmR = “0″ + elmR;
if (elmG.length == 1)    elmG = “0″ + elmG;
if (elmB.length == 1)    elmB = “0″ + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return ‘#’ + elmR + elmG + elmB;
}
</script></div>

Bài viết liên quan:

1. Không có bài viết liên quan.