Mouse-Over olayından buttona effect vermek

Admin Mesaj Sayısı : 72 Kayıt tarihi : 02/12/08

Formumuza 2 adet button ve 3 adet label ekliyoruz

Default.aspx

Kod:: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<h3><font face="Verdana">Mouse-Over olayından buttona effect vermek</font></h3>

<form id="Form1" runat="server">
<font face="Verdana" size="-1">

<asp:Button id="Button1" runat="server"
Text="Button1"
Width="100px"
onmouseover="this.style.backgroundColor='yellow'"
onmouseout="this.style.backgroundColor='buttonface'"/>

  
CSS style (button background color)...

<p>

<asp:Button id="Button2" runat="server"
Text="Button2"
Width="100px"
onmouseover="this.style.fontWeight='bold'"
onmouseout="this.style.fontWeight='normal'" />

  
CSS style (button font bold)...

<p>

<asp:Label id="Label1" runat="server" />

</font>
</form>

</body>
</html>

Default.aspx.cs

Kod:: using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Label1.Text = " Button1 tıkladınız";
}
protected void Button2_Click(object sender, EventArgs e)
{
Label1.Text = "Button2 tıkladınız";
}
}