JavaScript Layer Object : สอน method และ property ของ Layer Object, เรียน method และ property ของ Layer Object
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • moveAbove() ใช้กำหนดให้ อยู่เหนือ layer ที่กำหนด
    moveBelow() ใช้กำหนดให้ อยู่ใต้ layer ที่กำหนด
    moveTo() ใช้กำหนดให้ layer ย้ายไปตำแหน่งพิกัด x, y ที่กำหนด
    offset() ใช้กำหนดให้ layer เลื่อนไปตำแหน่ง โดยจะนำค่า x, y ที่กำหนด ไปบวกลบกับตำแหน่งพิกัด x, y เดิม
    resize() ใช้ปรับขนาดของ layer โดยจะมีขนาดตามที่กำหนด
    siblingAbove ใช้คืนค่า layer ที่อยู่เหนือ layer ที่กำหนด ( ในระดับถ้ดไป )
    siblingBelow ใช้คืนค่า layer ที่อยู่ใต้ layer ที่กำหนด ( ในระดับถ้ดไป )
    id ใช้ในการกำหนดค่า หรือคืนค่า id ของ layer
    src ใช้ในการกำหนดค่า หรือคืนค่า url ของ layer
    bgColor ใช้ในการกำหนดค่า หรือคืนค่า สีพื้นหลัง ของ layer
    background ใช้ในการกำหนดค่า หรือคืนค่า url ของรูปภาพ ที่เป็นพื้นหลัง ของ layer
    visibility ใช้ในการกำหนดค่า หรือคืนค่า การมองเห็น ของ layer
    top ใช้ในการกำหนดค่า หรือคืนค่า ระยะห่างจากขอบด้านบน ( แกน y ) โดยเทียบกับหน้าต่าง
    left ใช้ในการกำหนดค่า หรือคืนค่า ระยะห่างจากขอบด้านซ้าย ( แกน x ) โดยเทียบกับหน้าต่าง
    pageY ใช้ในการกำหนดค่า หรือคืนค่า ระยะห่างจากขอบด้านบน ( แกน y ) โดยเทียบกับหน้าต่าง
    pageX ใช้ในการกำหนดค่า หรือคืนค่า ระยะห่างจากขอบด้านซ้าย ( แกน x ) โดยเทียบกับหน้าต่าง
    width ใช้ในการกำหนดค่า หรือคืนค่า ขนาดความกว้างของ layer
    height ใช้ในการกำหนดค่า หรือคืนค่า ขนาดความสูงของ layer
    clip ใช้ในการกำหนดค่า หรือคืนค่า ขนาดพื้นที่ของ layer โดยวัดจากระยะห่างจากขอบด้านบน ซ้าย ขวา และล่างตามลำดับ
    z-index ใช้ในการกำหนดค่า หรือคืนค่า ลำดับการซ้อนทับกันของ layer โดยตัวเลขที่มากกว่าจะซ้อนทับตัวเลขที่น้อยกว่า
  • method :
    moveAbove ( layer );

    return type :
    void

    content :
    ใช้กำหนดให้ อยู่เหนือ layer ที่กำหนด

    example :
    var tagLayer = document.getElementsByTagName ( "layer" );
    taglayer.item(0).moveAbove( tagLayer.item(1) );

  • method :
    moveBelow ( layer );

    return type :
    void

    content :
    ใช้กำหนดให้ อยู่ใต้ layer ที่กำหนด

    example :
    var tagLayer = document.getElementsByTagName ( "layer" );
    taglayer.item(1).moveBelow( tagLayer.item(0) );

  • method :
    moveTo ( x, y );

    return type :
    void

    content :
    ใช้กำหนดให้ layer ย้ายไปตำแหน่งพิกัด x, y ที่กำหนด

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    taglayer.moveTo( 100, 200 );

  • method :
    offset ( x, y );

    return type :
    void

    content :
    ใช้กำหนดให้ layer เลื่อนไปตำแหน่ง โดยจะนำค่า x, y ที่กำหนด ไปบวกลบกับตำแหน่งพิกัด x, y เดิม

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    tagLayer.moveBy ( 0, 10 );
    tagLayer.moveBy ( 10, -10 );
    tagLayer.moveBy ( -10, -10 );
    tagLayer.moveBy ( -10, 0 );

  • method :
    resize ( width, height );

    return type :
    void

    content :
    ใช้ปรับขนาดของ layer โดยจะมีขนาดตามที่กำหนด

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    tagLayer.resize ( 400, 200 );

  • property :
    siblingAbove;

    return type :
    layer

    content :
    ใช้คืนค่า layer ที่อยู่เหนือ layer ที่กำหนด ( ในระดับถ้ดไป )

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    alert ( tagLayer.siblingAbove );

  • property :
    siblingBelow;

    return type :
    layer

    content :
    ใช้คืนค่า layer ที่อยู่ใต้ layer ที่กำหนด ( ในระดับถ้ดไป )

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    alert ( tagLayer.siblingBelow );

  • property :
    id;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า id ของ layer

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    alert ( tagLayer.id );

  • property :
    src;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า url ของ layer

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    alert ( tagLayer.src );

  • property :
    bgColor;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า สีพื้นหลัง ของ layer

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    alert ( tagLayer.bgColor );

  • property :
    background;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า url ของรูปภาพ ที่เป็นพื้นหลัง ของ layer

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    alert ( tagLayer.background );

  • property :
    visibility;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า การมองเห็น ของ layer ( ได้แก่ show, hide, inherite )

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    tagLayer.visibility = "show";

  • property :
    top;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ระยะห่างจากขอบด้านบน ( แกน y ) โดยเทียบกับหน้าต่าง

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    alert ( tagLayer.top );

  • property :
    left;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ระยะห่างจากขอบด้านซ้าย ( แกน x ) โดยเทียบกับหน้าต่าง

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    alert ( tagLayer.left );

  • property :
    pageY;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ระยะห่างจากขอบด้านบน ( แกน y ) โดยเทียบกับหน้าต่าง

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    alert ( tagLayer.pageY );

  • property :
    pageX;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ระยะห่างจากขอบด้านซ้าย ( แกน x ) โดยเทียบกับหน้าต่าง

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    alert ( tagLayer.pageX );

  • property :
    width;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ขนาดความกว้างของ layer

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    tagLayer.width = "500px";

  • property :
    height;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ขนาดความสูงของ layer

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    tagLayer.height = "200px";

  • property :
    clip;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ขนาดพื้นที่ของ layer โดยวัดจากระยะห่างจากขอบด้านบน ซ้าย ขวา และล่างตามลำดับ

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    tagLayer.clip = "30, 40, 60, 200";

  • property :
    z-index;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ลำดับการซ้อนทับกันของ layer
    โดยตัวเลขที่มากกว่าจะซ้อนทับตัวเลขที่น้อยกว่า

    example :
    var tagLayer = document.getElementById ( "bamboo" );
    alert ( tagLayer.z-index );

 
Share This Chapter Login with Facebook