Get flash to fully experience Pearltrees
In this tutorial we’ll show you how to create a panel with slide-out content at the top of you page (like the one in this page ) using jQuery . It is required that you have basic knowledge in HTML, CSS and jQuery to complete the tutorial. 1.
The Checkbox and radio button versions of input elements used in forms on the web are amongst the most difficult to style according to your overall web design. These elements will display differently depending on the user’s operating system, but we can change their appearance globally with the help of jQuery. This roundup links up 12 handy resources for styling your form elements, from clean and minimal button styles to unique iPhone style toggle switches. Visit the plugin homepage <p style="text-align:right;color:#A8A8A8"></p>
Flip is a jQuery plugin that will flip easily your elements in four directions. Try it How to use? Like every jquery plugin, just chain it: How to change content? Add content params in this way:
jQuery is a beautiful thing. It powers most of the fancy plugins you find that add cool, interactive effects to your WordPress site. I’ve selected a few of my favorites from the newest jQuery-powered plugins to hit the repository. Grab a cup of coffee and check out some of the possibilities available for your WordPress site. Flicker Photo Post Flicker Photo Post gives you the ability to add Flickr images to your WordPress posts and even crop them as necessary.
Features of jQuery version Modular Script architecture allows you to create your own version of the script using online tool and include in build only features that you need. Touch-friendly Touch navigation for slider and thumbnails, vertical or horizontal.
The world’s most awesome jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market. The jQuery plugin is completely free and totally open source, and there is literally no better way to make your website look totally stunning.
jQuery Mobile Due to the popularity of mobile devices such as the iPhone or the BlackBerry, websites are now going mobile. jQuery Mobile is a complete framework that allow you to easily create killer mobile sites. If you want an example or a demo, just have a look to this tutorial I’ve wrote a few months ago . And if you want me to build your mobile site, I’m your cat man. Just send me an email.
check out the UI method they used to hide and expand the footer information. by Nov 17
More and more we see people using horizontal sliding panels on their websites. And they usually look very nice! Some will put a contact or login form in there, others will put some information about them and their website, or even things like a tag cloud or social networking buttons. Horizontal sliding panels are great for many situations, but like everything else, they’re not always ideal.
Advertisement a jQuery plugin which slides a webpage over to reveal an additional interaction pane by Scott Robbin Download PageSlide Now
You can have a direct link, a link with a panel, just a panel or a disabled voice. It can be set on top or on left of your page; and if you have mor than one extruder (only on left) they are automatically positioned one behind the other. The TOP extruder positionFixed param is set to false , so it scrolls with the page; the LEFT extruders positionFixed param is set to true (the default value), so they kip their position even when page scrolls.
This is an example of simple page that's centered and has a vertical sliding panel on the far right (try it! click on the 'infos' tab that's on the right!). We used jQuery to create this sliding panel (and CSS3 rounded corners because it looks cool)