Simple JQuery image button mouse over (hover) effect

Simple JQuery Image Button Hover Effect

Overview:

   Here is just a quick down and dirty JQuery function to handle the MouseEnter and MouseLeave events of the target control labeled with the class "button" in this case it's an image control. As you can see below hover accepts two arguments, these arguments are then MouseEnter and Mouseleave events.

By changing these arguments you can control many other elements properties and add other effects. Thats really all there is too it

JQuery function:

     Just drop this in your page head section and set your appropriate image paths.

<script type="text/javascript">
 
        $(document).ready(function () {
          
            $(".button").hover(function () {
                $(this).attr("src", "./app_themes/default/images/submit_btn_hvr.png");
            }, function () {
                $(this).attr("src", "./app_themes/default/images/submit_btn.png");
            });
                                   
        });
 
    </script>

Markup:

Make sure that you set your initial ImageURl to the same path as the second argument in the hover method, otherwise you won't have an image on page load
 <asp:ImageButton ID="Imagebutton1" class="button" ImageUrl="~/app_themes/default/images/submit_btn.png"
        runat="server" />

Comments

Post a Comment

Popular posts from this blog

Why Windows User Profiles Break: AI Confirms Long‑Standing UI Flaws

Image
Why Windows User Profiles Break: AI Confirms Long-Standing UI Flaws Performing basic tasks in the Windows GUI should be simple. But simplicity and Windows have been drifting apart — quietly, and dangerously. As a forensic-minded admin, I enlisted Copilot to verify a routine configuration: relocating user profile folders off the boot drive. I’ve done this before. I expected caveats. I didn’t expect a quiet admission that the GUI itself is unreliable. Note: I work with AI in a forensic-grade Windows configuration environment. It tailors its responses to my technical depth — not due to special access, but shared context. 🧠 Prompt: “Best approved way to change default profile location” Copilot’s response was blunt: The only Microsoft-supported method is during Windows setup using FolderLocations in an unattend.xml file. Post-install registry edits are unsupported and risky. 🔧 Microsoft-Supported Method: unattend.xml During Setup To relocate the default profile path (e.g., from C:\Use...
Keep reading »

How to Ask AI the Right Questions: A Forensic Guide to Context, Ambiguity, and Guardrails

Asking the Right Questions Part I — The Binary Foundation At first glance, asking a question of an AI seems simple. You have something in mind, so you type: “Do X on Y” or “How do I make a widget?” But there are important facts to remember when dealing with an AI system . AI is not human, and it cannot think like a human. Humans can look up from the keyboard and take in the natural world. We have feelings that shape our interactions, whether we like it or not. We also have imagination — that unquantifiable trait that ensures no two humans are ever truly equal. AI models , all AI models, are nothing more than mathematical engines . When you break down any computer, AI model, or even a calculator, there is one guiding law that makes it all work:   In computer science terms, binary is simply on/off or true/false. Every machine operates on this principle. Even though we dress it up with interfaces and let it “talk” to us, AI is still a machine at its core. This matters...
Keep reading »

Microsoft Breaks Decades‑Old Configuration Hierarchy in Visual Studio 2026

Visual Studio 2026 Reverses Configuration Hierarchy — A Forensic Analysis For over four decades, Microsoft built its empire on a foundation of consistency, reliability, and end-user trust. A hierarchical configuration model has long been in place — adopted across the software industry — where machine-level settings apply globally, solution-level settings override them contextually, and project-level settings take precedence when needed. This model supports real-world complexity. A developer working across multiple clients can adjust solution-level settings without disturbing others. If a project manager has unique needs, a project-level config file resolves them. This isn’t an edge case — it’s standard practice. And it works. Hundreds of products follow this model. Some even support root = true to declare a lower-level config as authoritative. But in Visual Studio 2026 Insiders — Microsoft’s flagship IDE — that principle has been reversed. A late-night “fix” has shattered deca...
Keep reading »