สร้างปุ่ม Web Mega บนเว็บไซต์แบบสวยๆ

วันนี้เราจะมาแนะนำปุ่มบนเว็บไซต์ของเราแบบสวยเรียกว่า’Mega?Web?ปุ่ม?Pack’ชุดนี้คุณจะพบกับ?42?ปุ่มซึ่งคุณสามารถใช้งานได้อย่างง่ายดายบนเว็บไซต์ของคุณเราใช้ไอคอน?WooFunction?ชุดออกภายใต้?GNU General?Public License



ขั้นตอนแรกของเราคือการเพิ่มบรรทัดต่อไปนี้ของ?jQuery?:

$(‘.btn’).append($(‘<span />’).addClass(‘helper’));


ซึ่งหมายความว่าเราจะสร้างองค์ประกอบ’span’แบบใหม่ซึ่งเป็นผู้ถือสำหรับไอคอนปุ่ม

ตัวอย่างเช่นหากคุณต้องการเพิ่มปุ่ม’Chart’คุณจำเป็นต้องเพิ่มมาร์กอัปในเว็บไซต์ของคุณ?:

<a?href=”#”?class=”btn?chart”>?Chart?</ a>
หรือปุ่ม’ค้นหา’:

<a?href=”#”?class=”btn?search”>?การค้นหา </ a>
ใน?CSS?คุณสามารถเปลี่ยนลักษณะโดยเช่นการเปลี่ยนสีพื้นหลัง?:

btn.green.?{

background :?#?2DA10C;

}
และมาร์กอัปจะได้รับ?:

class=”btn green search”?<a?href=”#”>?Search </ a>
ฯลฯ?:)

เราหวังว่าคุณชอบไอคอนที่แนะนำในวันนี้
ดาวน์โหลด…..!!!โค้ดไปลองดูได้เลยครับ

Mirror 1?.Source

ขอบคุณข้อมูล tympanus.net

 


Comments

comments

Powered by Facebook Comments