CONTACT/FORM slidetable. TOOLtips. FANCYbox. TEXTeffects. COLORs. NAVs. SLIDERs. Dragdealer JS. Mosaic - Sliding Boxes and Captions jQuery Plugin. Features So, what exactly does Mosaic do?
Automatically generates sliding boxes & captions Allows slide & fade animations with custom directions Preloads images within boxes Options There are a number of available options, shown below with their default values. For options able to be turned on/off - 1 is on, 0 is off. Animation : 'fade', speed : 150, opacity : 1, preload : 1, anchor_x : 'bottom', anchor_y : 'left', hover_x : '0px', hover_y : '0px' animation Controls which effect the sliding box uses. Speed Defines speed of the animation. opacity Accepts any value 0-1 (decimals included). Preload Overlays and backdrops are faded in after the page has loaded. anchor_x, anchor_y Horizontal and vertical anchor points for the overlay (eg. left, right, top, bottom).
Hover_x, hover_y Horizontal and vertical overlay hover positions. Legacy Versions Sliding Boxes and Captions with jQuery (3/31/09) - (Original Post) Available for Hire Email the details of your project to hello@onemightyroar.com.
50 Fundamental jQuery Controls, Components and Plugins. Every seasoned developer has one and every young and upcoming developer should be thinking of building one – a good and concise collection of UI controls, components and plugins that you can always rely on in times of need.
Of course, there are plenty of great UI frameworks, kits and libraries that you could use, but none will offer you every component and none of them will be tailored to your own personal preferences and needs. Up until a few months ago my controls had been collected and sourced from various frameworks (Prototype, MooTools, jQuery…), upon review it seemed a little out-dated, some components unnecessary and some controls desperately needed updated. Elastic - Dynamic Height Textarea Jquery Plugin. jQuery Sequential List. Have you ever had to manually code something that is sequential?
Didn't you find it annonying? Well, here is a simple solution for you. This tutorial will show you how to use jQuery to add a sequent of CSS classes to create a graphical list. The second example will show you how to add a comment counter to a comment list using jQuery's prepend feature. View Demo Sequential List 1a. First, download a copy of jQuery. <script type="text/javascript" src="jquery.js"></script><script type="text/javascript"> $(document).ready(function(){ $("#step li").each(function (i) { i = i+1; $(this).addClass("item" i); }); }); </script>
10 Fresh jQuery Plugins and Tutorials. The popularity of jQuery continues to grow.
This means that we’re seeing it used on more websites these days, and there are more developers coming up with new ways to use it. The great thing about that is many of these developers are sharing what they learn though tutorials and plugins. We’re always on the look out for this new jQuery stuff. So for this post, I’ve gathered 10 tutorials and plugins that will help you learn and implement some fresh jQuery effects in your projects.
Beautiful Background Image Navigation This tutorial will teach you how to create a beautiful navigation that has a background image slide effect. Quovolver Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way. Lettering.js. 8 Fresh and Useful jQuery Plugins. jQuery helps us web designers and developers do some amazing things, and plugins make it almost too easy.
That’s why it’s an obsession of mine to find new ones. I’ve been on the lookout for the past couple of weeks, and I’ve collected some good ones. 10 Useful jQuery Plugins. jQuery is great for enhancing a website.
Whether it be by adding effects that give the site a wow factor, or by making navigation easier, jQuery can have a big impact on the way a website is perceived and used. jQuery is extremely popular among web designers and developers for it’s flexibility, ease-of-use, and of course it’s plugins. So for this post, we’ve rounded up 10 more jQuery plugins and techniques that you should find very useful. Supersized 3.0 Plugin This plugin produces a full screen slideshow complete with transitions, preloading, and navigation controls. Apple-like Retina Effect Learn how to create an Apple Retina Display magnifying effect with jQuery and CSS. Flip! jQuery Address. Basic Tips jQuery. The jQuery programming library has dramatically changed the way we work online.
Web developers are able to prototype animations and backend effects much quicker with fewer lines of code. This brings to the table a profound collection of functions which you can read about here. It doesn’t take long to figure out jQuery syntax, especially if you are fairly well versed using JavaScript. But if you are new to the language it shouldn’t take long to get started. I’ve added a collection of great tips below for newbie programmers. Setting Up your Documents The first thing you’ll want to do is include the most recent version of jQuery.
If you include an external document from Google this saves you time on each pageload. $(document).ready(function() { //do stuff }); The above block is using the jQuery $() selector syntax. Creating Functionality If you are struggling to understand how constructors are used to target elements, spend a bit of time browsing the jQuery tutorials section. Conclusion.