Blog hack #2 : Курсор дагадаг текст

За хак оруулалгүй удцан байна. Блог сайттай хүмүүст зориулан нэгэн javascript -ийг оруулж байна.  Энэхүү жижкэн кодыг зааврийн дагуу хуулснаар таны блог дээр курсор ийг текст даган гүйх болно.Хэрэглэж байгаа блог руу орхыг хүсвэл энд дарна уу?

1. HTML эсвэл Виджет дотор хийж болно.

2. Текст ний өнгийг өөрчлөх боломжтой.

11-р мөрөнд байгаа #00436e нь өнгөний код юм.

var beghtml='<font color=”#00436e“><b>’; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
 <script language="javascript">


// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='ЭНД ХҮССЭН ТЕКСТЭЭ БИЧ !';

var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NO NEED TO EDIT BELOW HERE **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';

for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);

function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}

function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}

function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>


My twitter @itsaku Facebook: fb.com/itsaku Yahoo IM : saku_tip

7 сэтгэгдэлтэй

  1. Enhee says:

    гоы ббна

  2. ЭнХэЭ says:

    тнx шүү

  3. ЭнХэЭ says:

    second оо мартчиж хэхэхэ

  4. SsH says:

    манайхаан гого блог др ÿж хийх ¿¿? мн õàÿã http://pukka.gblog.mn ssh_61759@yahoo.com

  5. SsH says:

    Болчлоо ººðºº õèè÷ëýý ìèíèé áëîãëóó îðæ ¿çýýðýé хичээл иíôî áàÿðëàà! http://pukka.gblog.mn

  6. R3eNoX says:

    хаанаас нь татхийм бээ

  7. batka says:

    HTML эсвэл Виджет дотор хийж болно. gesen chin yu yum be nadad zaagad ogooch medehgui mna

Сэтгэгдэл бичих

*

Таныг илтгэгч аватар зураг GrAvatar.com (Хэрхэн ашиглах вэ?)

© 2010-2012 Hicheel.Net .
Wordpress дээр суурьлаж Theme Junkie ашиглан SaKu бүтээв. HOSTED BY DUSAL HOSTING
Read previous post:
Photoshop хичээл: Google logo хийх

Удаас photoshop хичээл. Сонирхолтой байх болов уу гээд Google ийн логог хийх хичээлийг оруулж байна. Хоёр дахь хичээл : Google...

Close