Just about every website uses the regular navigation concepts we're all used to. After a while this can get pretty boring, especially for designers who thrive on creativity. While mimicking the OS X dock and stacks isn't new, it's certainly not common.

Create a SSD Virtual Server with DigitalOcean , using this link you get $100 FREE

digital ocean

Here's a way to scroll to the top or bottom of your website with a simple click. I have used the jQuery special scroll events from James Padolsey, and some few extra lines of jQuery. There are two buttons with fixed position on the bottom left of the page, each one with the functionality to move either down or up in the page. If you scroll the page, these two buttons will fade out, which gives a nice and smooth effect.

Since the Apple-flavored Leopard-text-indent style is currently one of my favorite menu styles, we will start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery.

Simple, yet eye-catching accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects.

If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make ?filtering by category? a little more interesting with just a little bit of jQuery.

CSS3 and jQuery halftone-style navigation menu, which will allow you to display animated halftone-style shapes in accordance with the navigation links, and will provide a simple editor for creating additional shapes as well.

In this tutorial we will make an infinite JQuery carousel. I noticed that most of tutorials on how to make an infinite JQuery carousel are quite complex, so i decided to show you how to make it much simpler.

Based on jquery and created to suit any need. It enables to display a list or gallery of images in a dynamic way. It can be adapted very easily to any layout, and the way it animates the picture is adaptable.

Very fluid, very clean image carousel that allows you to jump to any image in the series, images change with a very nice effect and allow you to put captions at bottom.

Displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps. And fear not in taming this script to go exactly where you want it to- two public methods, two custom event handlers, and three "status" variables are here for that purpose.

Recent Comments

SEO Training in Hyderabad said:

Bharat Go Digital Academy is a online e learning platform where we teach people the digital skills.

deekshitha said:

Informative blog <a href="https://360digitmg.com/data-analytics-certification-training-course-in-hyderabad">data ...

360DIGITMGtraining said:

I am impressed by the information that you have on this blog. It shows how well you understand this subject. https://360digitmg.com/digital-marketing-training-in-hyderabad ...

tanish velu said:

Thank you for your post, I look for such article along time, today i find it finally. this post give me lots of advise it is very ...

deekshitha said:

Informative blog <a href="https://360digitmg.com/digital-marketing-training-in-hyderabad">best ...

ssdd said:

dsddssd

360DIGITMGtraining said:

It's really nice and meaningful. it's a really cool blog.you have really helped lots of people who visit blogs and provide ...

amritabansal said:

In today's world Data Science is the most desirable course among students and professionals. When I came to know about this ...

data science course syllabus said:

Very Nice Article

princika sweety said:

I want to leave a little comment to support and wish you the best of luck we wish you the best of luck in all your blogging enedevores ...