Categories
Website Design

Create Google Style Login Form Using Bootstrap

Create Google Style Login Form Using Bootstrap Hi friends, in this post we will learn how to create google style login using bootstrap. Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Read more about bootstrap here. In Previous post we have learnt Get Selected Row Data […]

Categories
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. […]

Categories
Javascript Website Design

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; […]

Categories
Website Design

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 […]