Monday, August 23, 2010
Thursday, August 12, 2010
Wednesday, August 11, 2010
Tuesday, July 27, 2010
Saturday, July 10, 2010
Very Simple jQuery Rounded Corners Example
Its very easy to get the rounded corners for HTNL element.
follow the very simple 3 steps:
1) Copy the CSS code to <style> </style>
2) Copy the jQuery code to <script> </script>
3) Copy the jQuery code to <body> </body>
That's it.
//CSS
.madiv{border:1px solid #666666;margin-left:20%;margin-right:20%;margin-top:50px;width:300px;height:300px;}
//jQuery Code
$(document).ready(function(){
$(".maincontainer").addClass("madiv");
$.fn.roundThis = function(radius) {
return this.each(function(e) {
$(this).css({
"border-radius": radius,
"-moz-border-radius": radius,
"-webkit-border-radius": radius
});
});
};
$(function() {
// usage (Rounded corners with radius :20px)
$(".maincontainer").roundThis("50px");
});
});
// HTML
<div align="center" class="maincontainer">
</div>
follow the very simple 3 steps:
1) Copy the CSS code to <style> </style>
2) Copy the jQuery code to <script> </script>
3) Copy the jQuery code to <body> </body>
That's it.
//CSS
.madiv{border:1px solid #666666;margin-left:20%;margin-right:20%;margin-top:50px;width:300px;height:300px;}
//jQuery Code
$(document).ready(function(){
$(".maincontainer").addClass("madiv");
$.fn.roundThis = function(radius) {
return this.each(function(e) {
$(this).css({
"border-radius": radius,
"-moz-border-radius": radius,
"-webkit-border-radius": radius
});
});
};
$(function() {
// usage (Rounded corners with radius :20px)
$(".maincontainer").roundThis("50px");
});
});
// HTML
<div align="center" class="maincontainer">
</div>
Friday, June 25, 2010
Monday, June 21, 2010
Sunday, May 23, 2010
Best jQuery Menu Systems
Features
* Full cross-browser compatibility
* Fully accessible even when javascript is turned off, as a pure css menu
* Search engines optimized
* Clear unordered list (LI and UL HTML tags) structure
* Easy to setup and update
* Fantastic animation and transition effects
* Multiple pre-desinded color schemes
* Completely customizable styling with CSS
* Powered by jQuery
* Extremely small - 3kb uncompressed
click
* Full cross-browser compatibility
* Fully accessible even when javascript is turned off, as a pure css menu
* Search engines optimized
* Clear unordered list (LI and UL HTML tags) structure
* Easy to setup and update
* Fantastic animation and transition effects
* Multiple pre-desinded color schemes
* Completely customizable styling with CSS
* Powered by jQuery
* Extremely small - 3kb uncompressed
click
Download Here
Saturday, May 8, 2010
Friday, April 30, 2010
Thursday, April 8, 2010
jQuery Features
jQuery Features
* DOM element selections functions
* DOM traversal and modification
* Events
* CSS manipulation
* Effects and animations
* Ajax
* Extensibility
* Utilities - such as browser version and the each function.
* JavaScript Plugins
* DOM element selections functions
* DOM traversal and modification
* Events
* CSS manipulation
* Effects and animations
* Ajax
* Extensibility
* Utilities - such as browser version and the each function.
* JavaScript Plugins
Tuesday, April 6, 2010
Monday, April 5, 2010
jQuery , mootools conflict
jQuery.noConflict()
Run this function to give control of the $ variable back to whichever library first implemented it.jQuery.noConflict() → jQuery
Saturday, April 3, 2010
What is jQuery ?
jQuery is a lightweight cross-browser JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCamp NYC by John Resig. Used by over 27% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today.
jQuery is free, open source software, dual-licensed under the MIT License and the GNU General Public License, Version 2. jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plugins on top of the JavaScript library. Providing this option, developers are able to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. This contributes to the creation of powerful and dynamic web pages.
Microsoft and Nokia have announced plans to bundle jQuery on their platforms,Microsoft adopting it initially within Visual Studio for use within Microsoft's ASP.NET AJAX framework and ASP.NET MVC Framework whilst Nokia has integrated it into their Web Run-Time widget development platform.
Features
jQuery contains the following features:
•DOM element selections using the cross-browser open source selector engine Sizzle, a spin-off out of the jQuery project
•DOM traversal and modification (including support for CSS 1-3)
•Events
•CSS manipulation
•Effects and animations
•Ajax
•Extensibility through plugins
•Utilities - such as browser version and the each function.
jQuery is free, open source software, dual-licensed under the MIT License and the GNU General Public License, Version 2. jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plugins on top of the JavaScript library. Providing this option, developers are able to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. This contributes to the creation of powerful and dynamic web pages.
Microsoft and Nokia have announced plans to bundle jQuery on their platforms,Microsoft adopting it initially within Visual Studio for use within Microsoft's ASP.NET AJAX framework and ASP.NET MVC Framework whilst Nokia has integrated it into their Web Run-Time widget development platform.
Features
jQuery contains the following features:
•DOM element selections using the cross-browser open source selector engine Sizzle, a spin-off out of the jQuery project
•DOM traversal and modification (including support for CSS 1-3)
•Events
•CSS manipulation
•Effects and animations
•Ajax
•Extensibility through plugins
•Utilities - such as browser version and the each function.
Labels:
jQuery,
jQuery features,
what is jQuery
Subscribe to:
Posts (Atom)