سوال: عوض کردن رنگ پس زمینه linkbutton هنگام عبور موس از روی آن [بایگانی]

View Full Version : سوال: عوض کردن رنگ پس زمینه linkbutton هنگام عبور موس از روی آن

sara.y

چهارشنبه 18 اردیبهشت 1392, 12:49 عصر

سلام من یه linkbutton به صورت زیر دارم که می خوام وقتی کاربر موس رو از روش عبور می ده رنگ نوشته و پس زمینه عوض بشه.
البته اگه بتونم این کار رو با CSS انجام بدم دیگه عالی می شه
با تشکر

<asp:LinkButton CssClass="lbtn_rightmenu" ID="LinkButton1" runat="server" PostBackUrl="~/Admin/Default.aspx" ValidationGroup="0" >صفحه اول</asp:LinkButton>

ahmad156

چهارشنبه 18 اردیبهشت 1392, 13:02 عصر

.lbtn_rightmenu:hover
{
color:yourColor;
Background-color:yourColor
}

sara.y

چهارشنبه 18 اردیبهشت 1392, 13:04 عصر

متاسفانه این کد در خود ویژوال استادیو این رنگ رو عوض می کنه ولی بعد از اجرا عملی انجام نمی ده:متفکر:

hesam_a110

چهارشنبه 18 اردیبهشت 1392, 13:10 عصر

<head>
<script type ="text/javascript">
function mouseEvents(obj,evt)
{
if(evt.type == "mouseover")
{
obj.style.fontWeight = "bold";
obj.style.borderBottom = "1px";
obj.style.borderBottomStyle = "solid";
}
else
{
obj.style.fontWeight = "normal";
obj.style.borderBottom = "0px";
obj.style.borderBottomStyle = "none";
}
}
</script>
</head>
<body>
<asp:LinkButton ID="LinkButton1" runat="server" Font-Bold="False" Width="170px"
Font-Underline="False" onmouseover ="mouseEvents(this,event)" onmouseout ="mouseEvents(this,event)">My Orders History</asp:LinkButton>
</body>

یا

<style type="text/css">
a.specialLinkButton
{
color:blue;
text-decoration:none;
font-weight: normal;
width: 170px;
}
a.specialLinkButton:hover
{
color:blue;
text-decoration:underline;
font-weight: bold;
width: 170px;
}
</style>

<asp:LinkButton ID="LinkButton1" CssClass="specialLinkButton" runat="server" >My Orders History</asp:LinkButton>

mohammad kafiyan

چهارشنبه 18 اردیبهشت 1392, 13:18 عصر

با jqury هم می تونی این کار انجام بدی

< script type="text/javascript" src="jquery.js" > < /script >
< script type="text/javascript" >
$(document).ready(function(){
$("p").hover(function(){
$("p").css("background-color","yellow");
},function(){
$("p").css("background-color","pink");
});
});
</script>

sara.y

چهارشنبه 18 اردیبهشت 1392, 13:52 عصر

واقعا مرسی....عالی بود مشکلم کاملا برطرف شد:تشویق: