You Still Can’t Create a jQuery Plugin? It's tough. You read tutorial after tutorial, but they all assume that you know more than you actually do. By the time you're finished, you're left feeling more confused than you initially were. Why did he create an empty object? Never fear; I'm going to show you exactly how to build your own "tooltip" plugin, at the request of one of our loyal readers. Why Would I Create a Plugin in the First Place? It might help to think of plugins in the same way as you would functions. Step 1: The Markup Create a new project in your favorite code editor, and paste in the following html. Explanation This code is fairly simple; so it doesn't require too much of an overview. Reference a CSS file which we'll create shortly. Step 2: Calling the Plugin I typically find that it's easier to build my plugin if I first determine how I'm going to call it. I've decided that I want the name of my plugin to simply be called "tooltip". In this instance, the default options will be used. Step 3: Building the Plugin
30+Beautiful jQuery Menu Navigation - jQuery Menu In this showcasing, we have pick up beautiful jquery menu navigation plugins and tutorials that you can also download free. In fact, menu is useful navigation link that you will see on every websites, it is an important part of website to show visitor about your website purpose and also easy for user to find information on the website. All those jquery plugin menu types such as jquery slide menu, jquery vertical menu, jquery menu dropdown, jquery context menu, jquery sliding menu, jquery tree menu, jquery menu button, jquery top menu, jquery menus, jquery menu bar, jquery floating menu, jquery accordion menu, jquery horizontal menu, jquery expanding menu, jquery hover menu, jquery popup menu…etc. You may like this post: jQuery Mouseover Effects 3-Level Responsive Drop Down Navigation Menu with jQuery CSS3 Demo Tutorial Drop Down Responsive Menu with CSS3 and jQuery Demo Tutorial Responsive Drop Down Menu jQuery CSS3 Using Icon Symbol Demo Tutorial jQuery Over Animation Menu Demo | Download Demo
The EqualHeights jQuery Plugin After I wrote and published my last article on writing a function to equalize heights in jQuery, I realized that the function would probably make a really useful jQuery plugin. This is that plugin. This is also my first attempt at a jQuery plugin, so I apologize in advance if I’ve done something painfully stupid (and painfully obvious) to any and all plugin veterans out there. Luckily, the functionality is extremely simple. You can download the plugin here (right-click and save the link). You can see a demo of the plugin here. The plugin’s functionality is so simple because it’s designed to do only one thing: set all elements you specify to the same height. This plugin is slightly more sophisticated than the function I wrote earlier this week. For example: $(".columns").equalHeights(100,300); This would set all your elements to be at least 100px tall, but no more than 300px tall. You can also nestle the function inside of a chain, to keep your code minimalistic: Detailed Usage Known Limitations
jQuery BBQ » Examples » hashchange » jQuery UI Tabs Your generous donation allows me to continue developing and updating my code! With jQuery BBQ you can keep track of state, history and allow bookmarking multiple jQuery UI tab widgets simultaneously.. just click some tabs, use your browser's back and next buttons, reload the page.. and when you're done playing, check out the code! Like the advanced window.onhashchange example, window.location.hash is used to store a serialized data object representing the state of multiple tab boxes. Due to the flexibility of $.bbq.pushState(), each tab box doesn't need to know the state of any other tab box to push a state change onto the history, only their state needs to be specifed and it will be merged in, creating a new history entry and a page state that is bookmarkable. Of course, if you only want to keep track of a single item on the page, you might want to check out the basic window.onhashchange example. This jQuery UI Tabs widget has id "some_tabs" Who doesn't like kebabs? The code 01. 32. 47.
16 Amazing jQuery Tooltips Collection This will be a most wanted list of jQuery tooltips collection for every web designer.When you surfing the web you can see different types of tooltips effect in web sites.Here I listed more popular jQuery tooltips collection in these days.I hope to update this article with new tooltips effects in future.So bookmark this article for your future preference if you like this post.Use the links given below for the tutorials,demos and downloads. The tooltip or infotip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a tooltip may appear — a small "hover box" with information about the item being hovered over. jQuery (mb)Tooltip Article : Demo : Download: qTip TipTip jQuery Tools
wentin/ResponsifyJS jQuery Easing Plugin Description A jQuery plugin from GSGD to give advanced easing options. Please note, the easing function names changed in version 1.2. Please also note, you shouldn't really be hotlinking the script from this site, if you're after a CDN version you could do worse than try cdnjs.com Download Download the following: Example Click on any of the yellow headers to see the default easing method in action (I've set as easeOutBounce for the demo, just because it's obviously different). Select easing types for the demo first one for down, second one for up. The Clicker Updates 12/11/07 1.3 jQuery easing now supports a default easing mode. 04/10/07 1.2 Updated to include all methods from Robert Penners easing equations. 28/06/07 1.1.1 Updated the method to not overwrite the newly renamed 'swing', or the new 'linear' style coming in 1.1.3. 22/06/07 Rewritten the above to include callback syntax, nothing else has changed. Credits Uses Robert Penners easing equations for the transitions. Donate Usage Default Custom
Jquery Slideshow | 16 Jquery Slideshow Scripts You CANNOT Miss - Updated | BradBlogging Claim Your Free Blog Guide and Wordpress Template! It's Brad Here and I just wanted to let you know that you are missing out on two free downloads I have for my readers. You can obtain these downloads for free by subscribing below - I promise that I will not spam and only send you updates from this blog.