โค้ดลิงค์,ชี้เเล้วภาพขาว-ดำ,ชี้เเล้วภาพจาง,โค้ดลิงค์ข้อความ,โค้ดลิงค์hi5,โค้ดลิงค์รูป,โค้ดลิงค์html,โค้ดลิงค์เว็บ,โค้ดลิงค์กระพริบ,โค้ดlink,Code Link EFFECT,โค้ดลิงค์hi5,Code LINK

♥ โค้ดลิงค์html แปลกๆใหม่ๆ ♥

โค้ดลิงค์แบบต่างๆ ทั้งชี้ลิงค์กลับด้าน ชี้ลิงค์เป็นสีเทา ชี้ลิ้งวิ๊บวั๊บ โค้ดลิงค์ hi5 และโค้ดลิงค์ต่างๆมากมายค่ะ เพือนๆลองนำไปดัดแปลง ประยุกต์ใช้ให้ทันสมัย ได้เลยนะค่ะ เรามีโค้ดลิงค์,ชี้เเล้วภาพขาว-ดำ,ชี้เเล้วภาพจาง,โค้ดลิงค์ข้อความ,โค้ดลิงค์hi5,โค้ดลิงค์รูป,โค้ดลิงค์html,โค้ดลิงค์เว็บ,โค้ดลิงค์กระพริบ,โค้ดlink,Code Link EFFECT,โค้ดลิงค์hi5,Code LINK

[ 1 ] | [ 2 ] | [ 3 ] | [ 4 ] | [ โค้ดลิงค์แปลกๆแนวๆ ทุกแบบ] |

1. code LINKรูปภาพ ภาพเป็นขาวดำพอเมาส์ผ่านเป็นสี

วางcode ไว้ส่วนของ head

<style> td,th,div,body,li,ul,p { color: #999999; font-size:8pt; font-family: ''MS Sans Serif'', ''Microsoft Sans Serif'',sans-serif; } </style><style>A:link{color:#8F8F8F;text-decoration:none;} A:visited{color:#999999;text-decoration:none} A:hover{color:#999999;text-decoration: none;}</style><style> a:link img {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:;} </style>

2. code ลิงค์รูปภาพ ภาพจะจาง พอเอาเมาส์ชี้จะชัดขึ้น

วางcode ไว้ส่วนของ head

<script language="JavaScript" type="text/javascript"> var itv = 50; var step = 10; var start = 0; var end = 0; var currentOpac; //change the opacity for different browsers function changeOpac(obj, opacity) { var object = obj.style; object.opacity = (opacity / 100); object.MozOpacity = (opacity / 100); object.KhtmlOpacity = (opacity / 100); object.filter = "alpha(opacity=" + opacity + ")"; } function BeginOpacity(obj, s, e) { start = s; end = e; currentOpac = s; theobject=obj; changing=setInterval("opacityit(theobject)",itv); } function EndOpacity(obj, end){ clearInterval(changing); changeOpac(obj, end); } function opacityit(obj){ if(start > end) { if (currentOpac>end){ currentOpac = currentOpac - step; changeOpac(obj,currentOpac); } else if (window.highlighting) clearInterval(highlighting); } else if(start < end) { if (currentOpac<end){ currentOpac = currentOpac + step; changeOpac(obj,currentOpac); } else if (window.changing) clearInterval(changing); } } //--> </script>

อยากให้ภาพไหนจาง ให้ใส่ โค๊ดตัวนี้ต่อท้าย

style="FILTER: alpha(opacity=40);-moz-opacity: 0.4; opacity: 0.4;" onmouseover=BeginOpacity(this,40,100) onmouseout=EndOpacity(this,40)

เช่น

ถ้าเป็นลิงค์ ก้อทำแบบนี้นะค่ะ

3. code ชี้link แล้วกลับด้าน

วางcode ไว้ส่วนของ head

<STYLE TYPE="TEXT/CSS"></STYLE>

4. code Link จาง

วางcode ไว้ส่วนของ head

<style> A:LINK IMG{ filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) } A:HOVER IMG{ filter: Blur(Add = 0, Direction = 225, Strength = 1) } A:visited IMG{filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) } </style>

5. code ชี้ Link แล้วเป็นสีรุ้ง

วางcode ไว้ส่วนของ head

<style>  </style> [ SCRIPT language=JavaScript> var rate = 20; // Increase amount(The degree of the transmutation) var obj; // The object which event occured in var act = 0; // Flag during the action var elmH = 0; // Hue var elmS = 128; // Saturation var elmV = 255; // Value var clrOrg; // A color before the change var TimerID; // Timer ID if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) { Browser = true; } else { Browser = false; } if (Browser) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } function doRainbow() { if (Browser && act != 1) { act = 1; obj = event.srcElement; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } function stopRainbow() { if (Browser && act != 0) { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } function doRainbowAnchor() { if (Browser && act != 1) { 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 != '''''''') { act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } function stopRainbowAnchor() { if (Browser && act != 0) { if (obj.tagName == ''''A'''') { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function ChangeColor() { obj.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); elmG = Math.floor(elmG); elmB = Math.floor(elmB); clrRGB = ''''#'''' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); elmH = elmH + rate; if (elmH >= 360) elmH = 0; return clrRGB; } </SCRIPT>

6. code ชี้Link แล้วมีกรอบ

วางcode ไว้ส่วนของ head

<style type="text/css"> </style>

หมายเหตุ

เปลี่ยนสีตรง #000000 นะคะ ถ้าอยากเปลี่ยนรูปแบบของขอบให้ดูตรง dotted(จุดๆ)แล้วเปลี่ยนตามใจชอบดังนี้ค่ะ

- none คือ ไม่มีเส้น
- dotted คือ จุดๆ
- dashed คือ เส้นประ
- solid คือ เส้นเดี่ยว
- double คือ เส้นคู่

7. code คลิกLink แล้วมีแรเงาที่ LINK

วางcode ไว้ส่วนของ head

<script> function highlight(which,color){ if (document.all) which.style.backgroundColor=color } </script>

วางcode ไว้ส่วนของ body
 <a href="linkไดอารี่หรือเว็บ" target="_blank" onmouseover="highlight(this,'โค๊ดสี')" onmouseout="highlight(this,'')">เขียนข้อความ</a><br /> <a href="http://www.zalim-code.com/CodeGifdiary.html" target="_blank" onmouseover="highlight(this,'โค๊ดสี')" onmouseout="highlight(this,'')">พิมพ์ข้อความ </a>

8. code Link จาง

วางcode ไว้ส่วนของ head

9. code Linkสลับสองสี ช้าๆ

วางcode ไว้ส่วนของ head

<script language="JavaScript" type="text/javascript">  </script>

10. code ชี้ลิงค์แล้วเปลี่ยนเป็นภาพลูกเล่น

ตามที่เราให้แสดงเวลาชี้ลิงค์

วางcode ไว้ส่วนของ head

<style type="text/css">a:hover{background: url('url รูปภาพ'); }</style>