Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online
Trang Chính![[Codes] Button nền xanh Empty](https://2img.net/i/empty.gif)
Button Viết bài mới
Demo:
![[Codes] Button nền xanh 60a286a4a6e046d87aa7957b13657fe4_44360256.nhchupmanhinh20120505212051](http://nl6.upanh.com/b3.s28.d1/60a286a4a6e046d87aa7957b13657fe4_44360256.nhchupmanhinh20120505212051.png )
Codes
Vào header
Chèn codes dưới đây trước thẻ
Làm như trên nhé
header :
các bác bổ sung tên button cho em để e còn viết
)
Lưu ý : Cả 2 cái này đều làm như nhau. Khi làm cái này thì k xóa cái kia nhé !
Demo:
Codes
Vào header
Chèn codes dưới đây trước thẻ
- Code:
<head>
- Code:
<style type="text/css">
input.groovybutton
{
font-size:12px;
font-family:Arial,sans-serif;
font-weight:bold;
color:#FFCC00;
height:32px;
background-color:transparent;
border-style:solid;
border-color:#FFCC00;
border-width:1px;
}
</style>
<script language="javascript">
function goLite(FRM,BTN)
{
window.document.forms[FRM].elements[BTN].style.color = "#FFEE99";
window.document.forms[FRM].elements[BTN].style.backgroundColor = "#1166AA";
window.document.forms[FRM].elements[BTN].style.borderColor = "#FFEE99";
}
function goDim(FRM,BTN)
{
window.document.forms[FRM].elements[BTN].style.color = "#FFCC00";
window.document.forms[FRM].elements[BTN].style.backgroundColor = "transparent";
window.document.forms[FRM].elements[BTN].style.borderColor = "#FFCC00";
}
</script>
- Code:
<body>
- Code:
<form name="groovyform">
<input
type="button"
name="groovybtn1"
class="groovybutton"
value="Viết bài mới"
title=""
onMouseOver="goLite(this.form.name,this.name)"
onMouseOut="goDim(this.form.name,this.name)">
</form>
Làm như trên nhé
header :
- Code:
<style type="text/css">
input.groovybutton
{
font-size:12px;
font-family:Arial,sans-serif;
font-weight:bold;
color:#FFCC00;
height:32px;
background-color:transparent;
border-style:solid;
border-color:#FFCC00;
border-width:1px;
}
</style>
<script language="javascript">
function goLite(FRM,BTN)
{
window.document.forms[FRM].elements[BTN].style.color = "#FFEE99";
window.document.forms[FRM].elements[BTN].style.backgroundColor = "#1166AA";
window.document.forms[FRM].elements[BTN].style.borderColor = "#FFEE99";
}
function goDim(FRM,BTN)
{
window.document.forms[FRM].elements[BTN].style.color = "#FFCC00";
window.document.forms[FRM].elements[BTN].style.backgroundColor = "transparent";
window.document.forms[FRM].elements[BTN].style.borderColor = "#FFCC00";
}
</script>
- Code:
<form name="groovyform">
<input
type="button"
name="groovybtn1"
class="groovybutton"
value="Trả lời bài viết"
title=""
onMouseOver="goLite(this.form.name,this.name)"
onMouseOut="goDim(this.form.name,this.name)">
</form>
các bác bổ sung tên button cho em để e còn viết
) Lưu ý : Cả 2 cái này đều làm như nhau. Khi làm cái này thì k xóa cái kia nhé !
Viết bởi Trà My - ChiaSeOnline.uS.tO
