หาคนแก้ JavaScript ตามตัวอย่าง ครับ

[Coupon]

 

ขอรบกวนพี่ๆที่เป็น Java Script ช่วยดูให้ผมที่ครับลองแก้หลายที่แล้วไม่รู้ว่าต้องแก้ตรงใหนครับ

ตัวอย่าง http://www.freepost108.com/test1.html ผมยากที่ให้งูที่เลื้อยไปมาเป็นรูปสี่เหลี่ยมคางหมูนะครับ

โค้คครับ

โค้ด เลือก ขยาย

<script type="text/javascript">
// <![CDATA[
var colours=new Array("#ffffff", "#f7eeff", "#eeddff", "#e6ccff", "#ddbbff", "#d5aaff", "#cc99ff"); // สีของตัวงู
var border="#9933ff"; // สีของกรอบตัวงู
var speed=380; // ความเร็วของงู (เลขยิ่งน้อยยิ่งเร็ว)
var size=10; // ขนาดของงู (เลขยิ่งมากยิ่งใหญ่)
/***************************
* DON'T EDIT BELOW THIS BOX *
***************************/
var swide, shigh;
var blox=new Array();
var t, l, dt, dl;
window.onload=function() { if (document.getElementById) {
 set_width();
 var i, d, s, b;
 b=document.createElement("div");
 s=b.style;
 s.position="absolute";
 b.setAttribute("id", "bod");
 document.body.appendChild(b);
 set_scroll();
 for (i=0; i<20; i  ) {
   d=document.createElement("div");
   s=d.style;
   s.width=size "px";
   s.height=size "px";
   s.overflow="hidden";
   s.position="absolute";
   s.visibility="hidden";
   s.border="1px solid " border;
   d.setAttribute("id", "block" i);
   b.appendChild(d);
   blox[i]=-1;
 }
 size =4;
 t=4 size*Math.floor(shigh/(size*2));
 l=4 size*Math.floor(shigh/(size*2));
 set_dir();
 mainblock(0);
}}
function set_dir() {
 dt=-size size*Math.floor(3*Math.random());
 dl=(dt)?-size size*Math.floor(3*Math.random()):(Math.random()<0.5)?size:-size;
}
function mainblock(r) {
 do { if (Math.random()<0.2) set_dir(); }
 while (t dt>shigh || t dt<0 || l dl>swide || l dl<0);
 var s=document.getElementById("block" r).style;
 s.left=(l =dl) "px";
 s.top=(t =dt) "px";
 blox[r]=colours.length;
 subblock(r);
 setTimeout("mainblock(" (  r ) ")", speed);
}
function subblock(r) {
 var s=document.getElementById("block" r).style;
 if (--blox[r]>-1) {
   s.visibility="visible";
   s.backgroundColor=colours[blox[r]];
   setTimeout("subblock(" r ")", speed*2.2);
 }
 else s.visibility="hidden";
}
window.onresize=set_width;
function set_width() {
 if (typeof(self.innerWidth)=="number") {
   swide=self.innerWidth-10;
   shigh=self.innerHeight-10;
 }
 else if (document.documentElement && document.documentElement.clientWidth) {
   swide=document.documentElement.clientWidth;
   shigh=document.documentElement.clientHeight;
 }
 else if (document.body.clientWidth) {
   swide=document.body.clientWidth;
   shigh=document.body.clientHeight;
 }
 else {
   swide=800;
   shigh=600;
 }
 swide-=15;
 shigh-=15;
}
window.onscroll=set_scroll;
function set_scroll() {
 var sleft, sdown;
 if (typeof(self.pageYOffset)=="number") {
   sdown=self.pageYOffset;
   sleft=self.pageXOffset;
 }
 else if (document.body.scrollTop || document.body.scrollLeft) {
   sdown=document.body.scrollTop;
   sleft=document.body.scrollLeft;
 }
 else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
   sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
 }
 else {
   sdown=0;
   sleft=0;
 }
 var s=document.getElementById("bod").style;
 s.top=sdown "px";
 s.left=sleft "px";
}
// ]]>
</script>

ขอบคุณครับ  

ลองแล้วลองอีกยังไม่ตรงจุดซะที่นะครับ  

[ossytong]

Java กับ JavaScript ไม่เหมือนกันนะครับ

แบบข้างบนเรียกกว่า JavaScript นะครับ

[Coupon]

Java กับ JavaScript ไม่เหมือนกันนะครับ

แบบข้างบนเรียกกว่า JavaScript นะครับ

ครับงั้นขอแก้หัวข้อนะครับ 

[Coupon]

  ขอดันครับ 

[Coupon]

  ขออีกที่ครับ JavaScript นี้ว่ามันแก้ได้หรือปล่าวครับ ถ้าไม่ได้ผมจะเปลี่ยนนะครับ

[ball6847]

ลองใช้ css rotate ดูคับ

โค้ด เลือก ขยาย


#bod div {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


[Coupon]

ลองใช้ css rotate ดูคับ

โค้ด เลือก ขยาย


#bod div {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


ขอบคุณครับ เดี๋ยวลองดูว่าใส่ตรงใหนได้นะครับยังไม่เข้าใจเลย ขอลองทำดูก่อน บวก + น้ำใจให้แล้วครับ ขอบคุณครับ 

[ball6847]

โค้ด เลือก ขยาย


<style>
#bod div {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
</style>


ใส่ไปใน <head></head> อ่ะ

[Coupon]

โค้ด เลือก ขยาย


<style>
#bod div {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
</style>


ใส่ไปใน <head></head> อ่ะ

ขอบคุณครับใกล้เคียงมากแล้วครับ ขอบคุณครับเดี๋ยว ลองงมต่อครับเอาไใหพอดีรูป ขอบคุณครับ 


ผม Pm ไปหาตอบแทนน้ำใจนะครับ 

[Coupon]

  เกือบได้แล้วครับหาคนอธิบายตัวอย่างอยู่อีกครับว่าคืออะไรบ้าง


-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);


จะได้พอดีกับรูปนี้นะครับ


รักเพื่อนในบอรท์ทุกคนครับ อีกนิสผมก็สำเร็จแล้วครับ