Set LinkButton color on mouse hover of Label using jQuery in ASP.Net

nedash

SOLVED CLOSED ACTIVE ANSWERED
User: nedash
Posted: on Mar 24, 2017 06:30 AM
Forum: jQuery and jQuery Plugins
Answer: 1
Views: 3986

I put linkbutton in page that but hover attribute for it:

<asp:LinkButton ID="LinkButton18" runat="server" CssClass="Lnkgalary1G">Hello</asp:LinkButton>

.Lnkgalary1G:hover 
{
    color: #fbb704;
}

and I deffine label and but some text on it...

<asp:Label ID="Label1" runat="server" CssClass="lblNM">This is Test</asp:Label>

here when I go to text (Hello) it will change linkbutton's color now I want when I go to text (This is test == label's text) it change linkbutton's text color...

How I can do it?

best regards

neda

Download FREE API for Word, Excel and PDF in ASP.Net

AnandM

0 1

Reply
ANSWER
User: AnandM
Replied: on Mar 24, 2017 06:53 AM
Report

Hi nedash

You can achieve like it using jQuery just replace anchor tag with linkbutton and span tag with label refer below sample code

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {

            $('.lblNM').hover(function () {
                $('.Lnkgalary1G').css('color', 'red');
            });
            $('.lblNM').mouseleave(function () {
                $('.Lnkgalary1G').css('color', '');
            });
        });
    </script>
    <style type="text/css">
        .Lnkgalary1G:hover
        {
            color: #fbb704;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <a id="LinkButton18" class="Lnkgalary1G" href="#">Hello</a>
        <br />
        <span id="Label1" class="lblNM">This is Test</span>
    </div>
    </form>
</body>
</html>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Set LinkButton color on mouse hover of Label using jQuery in ASP.Net

Company

Explore

Follow us

Contact Us