This tutorial will show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden, the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare you some space on your website. The items will be semi-transparent which means that content under them will not be completely hidden.

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

digital ocean

In this ajax example you will see how to create a menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand.

This tutorial will show you how to create a horizontally scrolling website and add a parallax scrolling background effect.

This tutorial will show you how to create a neat effect with some images using jQuery. The main idea is to have an image area with several images that slide out when we hover over them, revealing other images. The sliding effect will be random.

This example show you how to make an AJAX-enabled Sticky Note management system. It will give visitors the ability to create notes and move them around on the screen. Every movement is going to be sent to the back-end via AJAX and saved in the database.

This example shows you how to create a simple AJAX website with jQuery using PHP. It is going to have a few pages loaded by AJAX from the PHP back-end, and a complete support of the browser history ? a real pain for any AJAX or Flash site .

If you have a news blog or website, it could be interesting to show the last tweets about a topic. Here you have a jQuery Ajax Example for showing the latest tweets about a certain word or phrase.

Top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key ? and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial you will learn how to create a sexy drop down menu that can also degrade gracefully.

This animation effects can really surprise you if you are using Safari or Chrome. Here?s you have an example to take a quick look at how the rotateY property can produce a flip effect, and how it can be used to create a super cool Transformers themed top trumps design.

In this ajax example we will be loading the content into the relevant container using ajax instead of the user having to navigate to another page. We will also be integrating some awesome animation effects.

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 ...