.jpg)
down 3 file script tại đây
- Đầu tiên bạn include 3 files trên vào trang web của bạn bằng cách copy đoạn dưới đây và cho vào thẻ <head></head> trong trang web của bạn:
<script type="text/javascript">// < ![CDATA[
$(document).ready(function() {
$('.white').addGlow({ textColor: 'white', haloColor: '#aaa', radius: 100 });
$('.blue').addGlow({ textColor: '#00f', haloColor: '#00f', radius: 100 });
$('.green').addGlow({ textColor: '#0f0', haloColor: '#0f0', radius: 100 });
$('.red').addGlow({ textColor: '#f00', haloColor: '#f00', radius: 100 });
$('*').bind('glow:started', console.info);
$('*').bind('glow:canceled', console.info);
});
Trong đoạn mã trên dử dụng jqueryGrow cho 4 đối tượng có class là: class=”white”, class=”blue”, class=”green”, class=”red”
Bạn hãy thay bằng đối tượng nào mà bạn muốn (ví dụ bạn đặt đối tượng nào đó có id=”testJqueryGrow” thì thay “.white” bên trên bằng “#testJqueryGrow”, những cái còn lại xóa đi cũng được).
một vài tham số tham khảo trong
hàm addGlow()
textColor: màu chữ khi mà bạn muốn rê chuột lên.
haloColor: màu của quầng sáng khi mà rê chuột nên, thường thì để cùng với textColor
radius: ở đây hiểu là độ rộng của quầng sáng trong ví dụ trên vì chữ to nên để 100. Nếu là chữ bé thì bạn có thể giảm đi cho phù hợp.
$(document).ready(function() {
$('.white').addGlow({ textColor: 'white', haloColor: '#aaa', radius: 100 });
$('.blue').addGlow({ textColor: '#00f', haloColor: '#00f', radius: 100 });
$('.green').addGlow({ textColor: '#0f0', haloColor: '#0f0', radius: 100 });
$('.red').addGlow({ textColor: '#f00', haloColor: '#f00', radius: 100 });
$('*').bind('glow:started', console.info);
$('*').bind('glow:canceled', console.info);
});
// ]]></script>
Trong đoạn mã trên dử dụng jqueryGrow cho 4 đối tượng có class là: class=”white”, class=”blue”, class=”green”, class=”red”
Bạn hãy thay bằng đối tượng nào mà bạn muốn (ví dụ bạn đặt đối tượng nào đó có id=”testJqueryGrow” thì thay “.white” bên trên bằng “#testJqueryGrow”, những cái còn lại xóa đi cũng được).
một vài tham số tham khảo trong
hàm addGlow()
textColor: màu chữ khi mà bạn muốn rê chuột lên.
haloColor: màu của quầng sáng khi mà rê chuột nên, thường thì để cùng với textColor
radius: ở đây hiểu là độ rộng của quầng sáng trong ví dụ trên vì chữ to nên để 100. Nếu là chữ bé thì bạn có thể giảm đi cho phù hợp.
No comments: