ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingหาคนแก้ JavaScript ตามตัวอย่าง ครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: หาคนแก้ JavaScript ตามตัวอย่าง ครับ  (อ่าน 954 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
Coupon
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 60
ออฟไลน์ ออฟไลน์

กระทู้: 1,050



ดูรายละเอียด
« เมื่อ: 09 กันยายน 2012, 14:04:22 »

 wanwan017 wanwan017

ขอรบกวนพี่ๆที่เป็น 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>

ขอบคุณครับ  wanwan017 wanwan017

ลองแล้วลองอีกยังไม่ตรงจุดซะที่นะครับ  Tongue
« แก้ไขครั้งสุดท้าย: 09 กันยายน 2012, 15:00:46 โดย Coupon » บันทึกการเข้า
ossytong
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 138
ออฟไลน์ ออฟไลน์

กระทู้: 1,151



ดูรายละเอียด
« ตอบ #1 เมื่อ: 09 กันยายน 2012, 14:44:42 »

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

แบบข้างบนเรียกกว่า JavaScript นะครับ
บันทึกการเข้า
Coupon
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 60
ออฟไลน์ ออฟไลน์

กระทู้: 1,050



ดูรายละเอียด
« ตอบ #2 เมื่อ: 09 กันยายน 2012, 15:00:17 »

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

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

 Tongue ครับงั้นขอแก้หัวข้อนะครับ  wanwan017 wanwan017
บันทึกการเข้า
Coupon
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 60
ออฟไลน์ ออฟไลน์

กระทู้: 1,050



ดูรายละเอียด
« ตอบ #3 เมื่อ: 09 กันยายน 2012, 18:18:53 »

 Cry ขอดันครับ  wanwan017 wanwan017
บันทึกการเข้า
Coupon
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 60
ออฟไลน์ ออฟไลน์

กระทู้: 1,050



ดูรายละเอียด
« ตอบ #4 เมื่อ: 09 กันยายน 2012, 20:05:30 »

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

 wanwan017 wanwan017
บันทึกการเข้า
ball6847
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 212
ออฟไลน์ ออฟไลน์

กระทู้: 4,174



ดูรายละเอียด
« ตอบ #5 เมื่อ: 09 กันยายน 2012, 20:19:26 »

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

โค๊ด:
#bod div {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
บันทึกการเข้า

Coupon
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 60
ออฟไลน์ ออฟไลน์

กระทู้: 1,050



ดูรายละเอียด
« ตอบ #6 เมื่อ: 09 กันยายน 2012, 20:23:38 »

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

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

ขอบคุณครับ เดี๋ยวลองดูว่าใส่ตรงใหนได้นะครับยังไม่เข้าใจเลย ขอลองทำดูก่อน บวก + น้ำใจให้แล้วครับ ขอบคุณครับ 
« แก้ไขครั้งสุดท้าย: 09 กันยายน 2012, 20:24:24 โดย Coupon » บันทึกการเข้า
ball6847
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 212
ออฟไลน์ ออฟไลน์

กระทู้: 4,174



ดูรายละเอียด
« ตอบ #7 เมื่อ: 09 กันยายน 2012, 20:30:14 »

โค๊ด:
<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
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 60
ออฟไลน์ ออฟไลน์

กระทู้: 1,050



ดูรายละเอียด
« ตอบ #8 เมื่อ: 09 กันยายน 2012, 20:50:08 »

โค๊ด:
<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> อ่ะ

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


ผม Pm ไปหาตอบแทนน้ำใจนะครับ  wanwan017 wanwan017 wanwan017
บันทึกการเข้า
Coupon
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 60
ออฟไลน์ ออฟไลน์

กระทู้: 1,050



ดูรายละเอียด
« ตอบ #9 เมื่อ: 09 กันยายน 2012, 20:57:29 »

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


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


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


รักเพื่อนในบอรท์ทุกคนครับ อีกนิสผมก็สำเร็จแล้วครับ
« แก้ไขครั้งสุดท้าย: 09 กันยายน 2012, 20:58:34 โดย Coupon » บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์