แนะนำเลยว่าสวยงามครับ
ก่อนอื่นไปดาวน์โหลดมาเลย https://github.com/josedvq/colpick-jQuery-Color-Picker
เรียกใช้ตรงส่วน Head
<head>
<script src='js/jQuery.2.1.js' type='text/javascript'></script>
<script src='js/colpick.js' type='text/javascript'></script>
<link rel="stylesheet" type="text/css" href="css/colpick.css" />
</head>
ส่วนของ JS และ CSS ก็ ตามนี้ครับ ปรับตาใจชอบ
<style>
#picker {
margin:0;
padding:0;
border:0;
width:70px;
height:20px;
border-right:20px solid green;
line-height:20px;
}
</style>
<div id="picker"></div>
<script>
$('#picker').colpick({
flat:true,
layout:'hex',
submit:0
});
</script>
ตัวอย่างบางตอน http://www.jq22.com/demo/colpick-jQuery-Color-Picker-master/
ก่อนอื่นไปดาวน์โหลดมาเลย https://github.com/josedvq/colpick-jQuery-Color-Picker
เรียกใช้ตรงส่วน Head
<head>
<script src='js/jQuery.2.1.js' type='text/javascript'></script>
<script src='js/colpick.js' type='text/javascript'></script>
<link rel="stylesheet" type="text/css" href="css/colpick.css" />
</head>
ส่วนของ JS และ CSS ก็ ตามนี้ครับ ปรับตาใจชอบ
<style>
#picker {
margin:0;
padding:0;
border:0;
width:70px;
height:20px;
border-right:20px solid green;
line-height:20px;
}
</style>
<div id="picker"></div>
<script>
$('#picker').colpick({
flat:true,
layout:'hex',
submit:0
});
</script>
ตัวอย่างบางตอน http://www.jq22.com/demo/colpick-jQuery-Color-Picker-master/
แนะนำ Color Picker jQuery Plugin เพื่อความสวยงาม
Reviewed by IOffer
on
มีนาคม 20, 2559
Rating:
Reviewed by IOffer
on
มีนาคม 20, 2559
Rating:
ไม่มีความคิดเห็น:
แสดงความคิดเห็น