Subscribe
Tutorial search

JavaScript Links Tutorials


Sort by:
Multilayered jQuery Parallax Scrolling Tutorial
Multilayered jQuery Parallax Scrolling Tutorial
Learn how to create an awesome single page website design with multilayered parallax scrolling animation using CSS and jQuery. Learn how to create animated background clouds, a moving hot air balloon in the foreground, and animated links and titles.
Difficulty:
Multilayered jQuery Parallax Scrolling Tutorial
Multilayered jQuery Parallax Scrolling Tutorial
Learn how to create an awesome single page website design with multilayered parallax scrolling animation using css and jquery. In this tutorial you will learn how to create animated clouds in the backgrond, a moving hot air balloon in the foreground and animated links & titles.
Difficulty:
Redirect Links with JavaScript
Redirect Links with JavaScript
With the help of JavaScript, we have the possibility to redirect users from one page to another, just like an HTTP redirect.
Difficulty:
Multilayered jQuery Parallax Scrolling Tutorial
Multilayered jQuery Parallax Scrolling Tutorial
Learn how to create an awesome single page website design with multilayered parallax scrolling animation using css and jquery. In this tutorial you will learn how to create animated clouds in the backgrond, a moving hot air balloon in the foreground and animated links & titles.
Difficulty:
Highlight all links in a string of text
Highlight all links in a string of text
In this guide i will show you how to serch a string of text for every link, either with http:// or without it. We will use RegEx to du this
Difficulty:
Open All External Links in New Tabs
Open All External Links in New Tabs
Open All External Links in New Tabs using jQuery
Difficulty:
Introduction to jQuery Mobile
Introduction to jQuery Mobile
Learn how to use the jQuery Mobile framework. This is a basic introduction on how to setup pages, links, navigation and buttons.
Difficulty:
DD Mega Menu
DD Mega Menu
A versatile jQuery based drop down menu that supports multiple columns of links, even arbitrary rich HTML inside each menu. Furthermore, it supports nested mega menus, so one mega menu can in turn trigger another one.
Difficulty:
How To Build a Sliding Feature Slideshow with jQuery
How To Build a Sliding Feature Slideshow with jQuery
Javascript slideshows are one of the best ways to display lots of information in a relatively small space while adding cool functionality to a web page. Let’s build our own slideshow with sliding panels navigatable by button links. You could use the slideshow to showcase featured content on your homepage, or as a simple image gallery. Either way it’s quick and easy to create with the help of a couple of handy jQuery plugins.
Difficulty:
Dynamically Changing hyperlink color on a website using javascript
Dynamically Changing hyperlink color on a website using javascript
Dynamically Changing hyperlink color on a website using javascript, This script will create links with different colors [dancing links] once the page is loaded.
Difficulty:
Simple jQuery Slider / Pusher
Simple jQuery Slider / Pusher
The main idea behind the code for this banner is to keep things reasonably concise while still having some ability to change the speed and interval of the sliding banner. The banner has no rounded corner options, image based next and previous buttons or links, or text based captions. The point of the banner code is to be small and portable.
Difficulty:
Javascript: Opening 2 (or more) links with 1 Click
Javascript: Opening 2 (or more) links with 1 Click
Here I will show you how to open one, two, three, four etc... links with one click!
Difficulty:
Animated information box using simple jquery
Animated information box using simple jquery
This is a very unique one and really an eye caching for the visitors of your site since the information box blinks accordingly before coming to a halt.This kind of approach really makes the visitors read your website important notice without implementing complex javascript pop up window screens.
Difficulty:
Speech Bubbles Tooltip
Speech Bubbles Tooltip
Speech Bubbles Tooltip lets you add tooltips to links using either the value of the link's title attribute, or rich HTML defined all inside a single HTML file and fetched using Ajax instead. The style of the tooltip is modelled after the iconic speech bubble and uses NO images, thanks to the CSS triangle technique.
Difficulty:
JavaScript: Opening 2 links with 1 Click
JavaScript: Opening 2 links with 1 Click
Well here I will show you how to open 2 links with just one click.
Difficulty:
Search Term(s) (1): links