Posts Tagged ‘jquery tutorial’

jQuery Tabs Tutorial

December 26th, 2012 Leave a comment
jQuery Tabs Tutorial

jQuery tabs on content have become a stylish addition to Web 2.0 websites, but it’s not always obvious just how to make them work, and many people have been writing up tutorials on how to write your own tab scripts using jQuery. Thankfully, however, there’s an addition to jQuery called jQueryUI that includes tab support and pre-built tab functions so you don’t have to roll your own every time you write a website. Here’s a quick tutorial on how to get them up and running on your website! Method A: The Conventional Way jQueryUI now supports tabs as part of its integrated… View full post »

jQuery Tutorial: Scrolling Effects With Anchor Links

December 20th, 2012 Leave a comment
jQuery Tutorial: Scrolling Effects With Anchor Links

Sometimes you’ll want to use anchor text in a page, but you don’t want any old boring anchor scroll. The instant click-through to anchor links is devoid of any interesting flair, and that’s no longer a viable option in today’s Web landscape. Web 2.0 is all about having smooth effects to go with your buttons and bevels, and so maybe you want a cool scrolling effect for your anchor links on your site. Here’s a quick and easy way to get that on your page! Step 1: Create The Anchor Link You’re going to want this in the part you want to… View full post »

Create an Accordion Menu with jQuery

August 27th, 2012 Leave a comment
Create an Accordion Menu with jQuery

jQuery is an open-source library that you can use to create animations, advanced effects and dynamic web pages. It is also a great way to add items such as menus to your site that incorporate some of these effects. In this article I will show youhow to use jQuery effects with your HTML interface and then how you can use those effects to create an accordion menu with animation that toggles to open sub-menu options. This is an excellent addition to your site that is easily within the grasp of someone new to jQuery. Using Visual Effects with… View full post »

A Sliding Navigation Menu with jQuery

August 1st, 2012 Leave a comment
A Sliding Navigation Menu with jQuery

As you probably know, jQuery allows us to create different navigation effects that can make our pages look polished and professional. In this article, I will show you how to create a bottom sliding navigation bar that uses some CSS3 and jQuery effects. If you would like to use this code in your own pages, you can follow this tutorial or download the zipped code files to have a starting point that you can use on your own site. The Markup In the HTML we simply need to set up the structure of our menu, creating headings and sub-menu items…. View full post »