Posts Tagged ‘Css’

วิธีทำ Css sticky footer [It's work]

อืมม์ เริ่มมั่วไปทุกทีละ jQueryTips มี Css โผล่มาด้วย 555+
หลังจากที่ผมหาวิธีตั้งนานที่จะทำให้ footer มันอยู่ติด ข้างล่าง โดยที่ ยังยิดตาม content แล้วก็ใช้ได้ ครบทุก browser ลองมาหลายๆ วิธี แม้กระทั้ง เขียน js เพิ่มคำนวน scrolling ก็ยังเคยมาแล้ว (มันกระตุก)
จนในวันนี้ได้มา วิธีที่ work ที่สุด แถมได้ทุก browser ไม่เพี้ยน ยืดขยาย ได้ตามแต่ content
(ทดสอบใน: IE6+7, FF, Win Safari, Opera)
มาลองดูกัน โคด ไม่ยากเลย

Read the rest of this entry »

มาเรียนรู้ if else ใน jQuery ส่วนของ Css กัน

รู้มัยครับ เราสามารถ เขียน if else แบบย่อในการ add stylesheet ให้กับ jQuery ได้ด้วย แถมการเขียนก็เข้าใจง่ายๆ นิดเดียวเอง โดยตัวอย่างที่จะแสดงให้ดูวันนี้ เป็นการ ใช้ if else อย่างย่อ กับ การทำงานในส่วนของ css เป็นยังไง มาลองดูกัน…

$(document).ready(function() {

  $(‘div#tee’).click(function() {

    var bgc = $(this).css(‘backgroundColor’);

    $(this).css({backgroundColor: bgc == ‘#ffcccc’ || bgc == ‘rgb(255, 204, 204)’ ? ‘#ccccff’ : ‘#ffcccc’});

  });

});

Read the rest of this entry »