Category Archives: Website Design

Change Image Opacity On Mouseover Using jQuery

Change Image Opacity On Mouseover Using jQuery In this post we will discuss how to Change Image Opacity On Mouseover Using jQuery. Opacity is term which is used to define opacity level for an element. Opacity level describes the transparency level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent.

Clearing Input Value on Focus Using jQuery

Clearing Input Value on Focus Using jQuery In this tutorial we will learn Clearing Input Value on Focus Using jQuery. Here we are using jQuery to accomplish this. Code: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Clearing Input Value on Focus Using jQuery</title> <style type="text/css"> body { width: 980px; margin: 0px auto; text-align: center; padding-top: 50px; font-size: 20px;

Show Alert Message before Leaving Page

Show Alert Message before Leaving Page In this tutorial we will learn how to Show Alert Message before Leaving Page.We will use jQuery for this. Code: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Show Alert Message before Leaving Page</title> <style type="text/css"> body { width: 980px; margin: 0px auto; text-align: center; padding-top: 50px; font-size: 20px; } </style> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> <script

Image Preview Before Upload Using jQuery

Image Preview Before Upload Using jQuery In this tutorial we will learn how to show Image Preview Before Upload Using jQuery. Here we are using jQuery to accomplish this. Design: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Image Preview Before Upload Using jQuery</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> <script type="text/javascript"> function showimagepreview(input)

How To Disable Right Click Using jQuery

How To Disable Right Click Using jQuery In this post we will learn How To Disable Right Click Using jQuery.Online their are many codes available to disable right click using JavaScript but jQuery makes very easy to disable right click.For this you just have add the below given code into head section of your page. Code:

Amazing Neon Text Effect With CSS3

Amazing Neon Text Effect With CSS3 In this post we will discuss how to create an Amazing Neon Text Effect With CSS3.We are using CSS3 to achieve this.To create neon effect with the help of css3 we are using text-shadow attribute. Code: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Amazing Neon Text Effect With CSS3</title> <style type="text/css"> body