Friday, July 23, 2010

How to Create Sloon Css Menu ?

at 1:19 AM Posted by admin 1 comments

 

How to Create Sloon Css Menu ?

Demo : Live Demo

Source : Free download

read more

How to Create Rapak Type Css Menu ?

at 1:17 AM Posted by admin 1 comments

How to Create Rapak Type Css Menu ?

Demo : Live Demo

Source : Free download

read more

How to Create jquery Cremy Css Menu ?

at 1:14 AM Posted by admin 0 comments

How to Create jquery Cremy Css Menu ?

Demo : Live Demo

Source : Free download

read more

How to Create Designed Css Menu ?

at 1:12 AM Posted by admin 1 comments

 

How to Create Designed Css Menu ?

Demo : Live Demo

Source : Free download

read more

How to Create C zoom Css Menu ?

at 1:09 AM Posted by admin 0 comments

 

How to Create C zoom Css Menu ?

Demo : Live Demo

Source : Free download

read more

How to Create Skin Css Menu ?

at 1:07 AM Posted by admin 0 comments

 

How to Create Skin Css Menu ?

Demo : Live Demo

Source : Free download

read more

How to Create Capzl Css Menu ?

at 1:02 AM Posted by admin 0 comments

 

How to Create Capzl Css Menu ?

Demo : Live Demo

Source : Free download

read more

How to Create jquery mb.extruder ?

at 12:52 AM Posted by admin 0 comments

 

How to Create jquery mb.extruder ?

Demo : Live Demo

Source : Free download

read more

Tuesday, July 20, 2010

How to Create jQuery Tabbed InterfaceMenus ?

at 1:03 AM Posted by admin 0 comments

 

How to Create jQuery Tabbed InterfaceMenus ?

Demo : Live Demo

Source : Free download

read more

How to Create JQuery Tabs ?

at 1:01 AM Posted by admin 0 comments

 

How to Create JQuery Tabs ?

Demo : Live Demo

Source : Free download

read more

How to Create LavaLamp for jQuery lovers ?

at 12:58 AM Posted by admin 0 comments

 

How to Create LavaLamp for jQuery lovers ?

Demo : Live Demo

Source : Free download

read more

How to Create Vertical Scroll Menu ?

at 12:54 AM Posted by admin 0 comments

 

How to Create Vertical Scroll Menu ?

Demo : Live Demo

Source : Free download

read more

How to Create Vimeo-like top navigation ?

at 12:51 AM Posted by admin 0 comments

 

How to Create Vimeo-like top navigation ?

Demo : Live Demo

Source : Free download

read more

How to Create Good Looking Floating Menu with jQuery Easing ?

at 12:48 AM Posted by admin 0 comments

 

How to Create Good Looking Floating Menu with jQuery Easing ?

Demo : Live Demo

Source : Free download

read more

How to Create Smooth Animated Menu with jQuery ?

at 12:46 AM Posted by admin 0 comments

 

How to Create Smooth Animated Menu with jQuery ?

Demo : Live Demo

Source : Free download

read more

How to Create Bounce out Vertical menu with jQuery ?

at 12:43 AM Posted by admin 0 comments

 

How to Create Bounce out Vertical menu with jQuery ?

Demo : Live Demo

Source : Free download

read more

Saturday, July 17, 2010

What is a thickBox ?

at 8:52 PM Posted by admin 0 comments

 

What is a thickBox ?

Demo : Live Demo

Source : Free Download

read more

What is a Step-by-Step Seminar Registration ?

at 8:51 PM Posted by admin 0 comments

 

What is a Step-by-Step Seminar Registration ?

Demo : Live Demo

Source : Free Download

read more

What is a Slot Machine Tabs ?

at 8:49 PM Posted by admin 0 comments

 

What is a Slot Machine Tabs ?

Demo : Live Demo

Source : Free Download

read more

What is a Shadowbox ?

at 8:47 PM Posted by admin 0 comments

 

What is a Shadowbox ?

Demo : Live Demo

Source : Free Download

read more

What is a PrettyPhoto ?

at 8:47 PM Posted by admin 0 comments

 

What is a PrettyPhoto ?

Demo : Live Demo

Source : Free Download

read more

What is a piroBox ?

at 8:45 PM Posted by admin 0 comments

 What is a piroBox ?

Demo : Live Demo

Source : Free Download

read more

What is a Photo Revealer ?

at 8:43 PM Posted by admin 0 comments

 

What is a Photo Revealer ?

Demo : Live Demo

Source : Free Download

read more

What is a nyroModal ?

at 8:42 PM Posted by admin 0 comments

 What is a nyroModal ?

Demo : Live Demo

Source : Free Download

read more

What is a Moving Boxes ?

at 8:41 PM Posted by admin 0 comments

 

What is a Moving Boxes ?

Demo : Live Demo

Source : Free Download

read more

What is a Garage Door Style Menu ?

at 8:38 PM Posted by admin 0 comments

 

What is a Garage Door Style Menu ?

Demo : Live Demo

Source : Free Download

read more

What is a Fancy Zoom ?

at 8:38 PM Posted by admin 0 comments

 

What is a Fancy Zoom ?

Demo : Live Demo

Source : Free Download

read more

What is a color picker demo ?

at 8:36 PM Posted by admin 0 comments

 

What is a color picker demo ?

Demo : Live Demo

Source : Free Download

read more

What is a Anything Zoomer ?

at 8:34 PM Posted by admin 0 comments

 What is a Anything Zoomer ?

Demo : Live Demo

Source : Free Download

read more

What is a A Bullet-Proof Content Viewer ?

at 8:32 PM Posted by admin 0 comments

 

What is a A Bullet-Proof Content Viewer ?

Demo : Live Demo

Source : Free Download

read more

Friday, July 16, 2010

What is a Nivo Slider ?

at 4:16 AM Posted by admin 0 comments

 

What is a Nivo Slider ?

Demo : Live Demo

Source : Free Download

read more

What is a Facebox ?

at 4:15 AM Posted by admin 0 comments

 

What is a Facebox ?

Demo : Live Demo

Source : Free Download

read more

What is a Greybox Redux ?

at 4:13 AM Posted by admin 0 comments

 What is a Greybox Redux ?

Demo : Live Demo

Source : Free Download

read more

What is a Fancybox ?

at 4:10 AM Posted by admin 0 comments
What is a Fancybox ?






Featurescustomisation thought the css and simple setting.
You can display images, HTML elements and Ajax.
Group realated items can add and navigate.
If the mouse wheel is includeed in the page its get respond to mouse wheel event.
Adds nice Zoomed items

Demo : Live Demo

Source : Free Download

read more

Thursday, July 15, 2010

jQuery Drop-Down Menu :: Free Download

at 2:24 AM Posted by admin 0 comments

Now you can create the main menu structure to HTML unordered list. Use an unordered list for navigation is a very good practice. First, semantically correct, it is also useful for the transition / special issue on the campus of the tree cases.

Jquery Script ::

Jquery Script

var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open()
{ jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find('ul').css('visibility', 'visible');}

function jsddm_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{ closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}

$(document).ready(function()
{ $('#jsddm > li').bind('mouseover', jsddm_open)
$('#jsddm > li').bind('mouseout', jsddm_timer)});

document.onclick = jsddm_close;

Demo : Live Demo

Source : Free Download


read more

Free Download : Login Form Jquery

at 2:20 AM Posted by admin 1 comments
Is it necessary to integrate an AJAX form modal Log in a box? This tutorial will show you how you can use the powerful jQuery library. The modal box, I have chosen is a jQuery plugin written by Eric Martin.


Html Script ::

Html Script

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Modal Ajax Login Form</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="javascript/jquery.simplemodal.js"></script>
<script type="text/javascript" src="javascript/init.js"></script>

<link type='text/css' href='style/stylesheet.css' rel='stylesheet' media='screen' />

<link type='text/css' href='style/basic.css' rel='stylesheet' media='screen' />

</head>

<body>

Click the login link to launch the modal box:<br />

<span >
<a id="login_link" href="#">LOGIN</a> | MEMBERS AREA</a>

</span>

<div id="login_form" style='display:none'>

<div id="status" align="left" style="margin-top: 20px; width: 310px;">

<center><h1><img src="images/key.png" align="absmiddle">&nbsp;LOGIN</h1>

<div id="login_response"><!-- spanner --></div> </center>

<form id="login" action="javascript:alert('success!');">
<input type="hidden" name="action" value="user_login">
<input type="hidden" name="module" value="login">

<label>E-Mail</label><input type="text" name="email"><br />
<label>Password</label><input type="password" name="password"><br />

<label>&nbsp;</label><input value="Login" name="Login" id="submit" class="big" type="submit" />

<div id="ajax_loading">
<img align="absmiddle" src="images/spinner.gif">&nbsp;Processing...
</div>

</form>

</div>

</div>

</body>
</html>

Later, the data sent by "do-login.php" using AJAX. If "OK" is returned then a confirmation message will be displayed to the user before redirecting to the website private. Notice how I used jQuery css (Name, value) to change the width and height of the box modes:

Jquery script ::

Jquery Scriptvar login_response = '<div id="logged_in">' +
'<div style="width: 350px; float: left; margin-left: 70px;">' +
'<div style="width: 40px; float: left;">' +
'<img style="margin: 10px 0px 10px 0px;" align="absmiddle" src="images/ajax-loader.gif">' +
'</div>' +
'<div style="margin: 10px 0px 0px 10px; float: right; width: 300px;">'+
"You are successfully logged in! <br /> Please wait while you're redirected...</div></div>";

$('a.modalCloseImg').hide();

$('#simplemodal-container').css("width","500px");
$('#simplemodal-container').css("height","120px");

$(this).html(login_response); // Refers to 'status'

// After 3 seconds redirect the
setTimeout('go_to_private_page()', 3000);

DEMO
- – - – - – - – - – - – - – - – -
E-Mail: demo@demo.com
Password: demo123

Demo : Live Demo

Source : Free Download


read more
Subscribe to: Posts (Atom)