(Private) มหกรรมเก็บโค๊ดและทดลองโค๊ดครั้งยิ่งหญ่ายยยย

ลำดับตอนที่ #1 : Test code #1 - ภาพซ่อน TEXT!

พิมพ์ข้อความใส่ลงไปเลย

พิมพ์ข้อความใส่ลงไปเลย

 

 

  <style type="text/css"> #side{ margin-right:-1px; width:250px; height:150px; overflow:hidden;} #text {text-align:center; width:ใส่ขนาดความกว้างpx; height:ใส่ขนาดความสูงpx; padding:5px; overflow:auto; color:#363636; background-color:#fff;} #picture {margin-left:-ความกว้างpx; width:ใส่ความกว้างอีกทีนึงpx; height:ความสูงอีกทีนึงpx; overflow:hidden; -webkit-transition: opacity 0.9s linear; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out;} #side:hover #picture {margin-(left/top):แล้วแต่ ติดลบก็ได้px;} </style> <table id="side" border="0" cellpadding="0" cellspacing="0" ><tr> <td><div id="text"> พิมพ์ข้อความใส่ลงไปเลย</div> </td> <td><div id="picture"><img src="ใส่ Url รูปภาพนะ"></div></td> </tr></table>



โน๊ตน้องบึ๋ย: เช็คโค๊ดดีๆ รายละเอียดแก้เยอะนะจ้ะ

โน๊ตน้องบึ๋ยสาม: left เลื่อนซ้ายขวา top เลื่อนบนล่าง

โน๊ตน้องบึ๋ยสอง: จัดโค๊ดตรงกลาง <center> </center>

โน๊ตน้องบึ๋ยสี่: ใส่รูปเพิ่ม? ก็อปตั้งแต่ <table> ลงไป





ขอบคุณโค๊ดแมว