« »

This is an awesome navigation menu with an unique and eye-catching design, operated by the famous JavaScript framework, designed for the animations: MooTools. This navigation menu has the layout and features similar to DockBar in Mac OS:
- The icons will be enlarged when you move the cursor pointer over it.
- And shrink when the cursor pointer leaves.
- Scrolling and fading features applied when you click for going to next icons.
- The animation/motion effects are quite smooth when running.

Label: DHTML, Dock Carousel, Using, Mootools, awesome, unique, eye-catching, DockBar, fading, scrolling, animation, motion, smooth, Mac

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Generate your business videos by AI with voice or just text

Your first FREE AI Video App! Automate Your First AI Video. Create Your Professional Video In 5 Minutes By AI No Equipment Or Video Editing Skill Requred. Effortless Video Production For Content Marketers. Free UNLMITED AI Video App in Your Hand

Code
Files
CSS
JavaScript
HTML
Print

Copy All x2

<link rel='stylesheet' href='slider.css' type='text/css' />

Copy All x2

<script src="mootools-12-core.js" type="text/javascript"></script>
<script src="mootools-12-more.js" type="text/javascript"></script>
<script src="dock.js" type="text/javascript"></script>

Copy All x2

<div id="stage-container">
		<p class="text">
			<img src="text.gif" alt="image" width="111" height="24" />
		</p> <br clear="all"/>
		
		<a href="#" id="moveleft">Left</a>

		<a href="#" id="moveright">Right</a>
		
		<div id="wrapper">
			<ul id="items">

				<li><a><img class="icon" src="1.png" alt="image" width="32" height="32" /></a></li>
				<li><a><img class="icon" src="2.png" alt="image" width="32" height="32" /></a></li>
				<li><a><img class="icon" src="3.png" alt="image" width="32" height="32" /></a></li>
				<li><a><img class="icon" src="4.png" alt="image" width="32" height="32" /></a></li>
				<li><a><img class="icon" src="5.png" alt="image" width="32" height="32" /></a></li>

				<li><a><img class="icon" src="10.png" alt="image" width="32" height="32" /></a></li>
				<li><a><img class="icon" src="6.png" alt="image" width="32" height="32" /></a></li>
				<li><a><img class="icon" src="7.png" alt="image" width="32" height="32" /></a></li>
				<li><a><img class="icon" src="8.png" alt="image" width="32" height="32" /></a></li>
				<li><a><img class="icon" src="9.png" alt="image" width="32" height="32" /></a></li>
									
			</ul>
		</div>
	</div>

Comment (2)
Write

by Preview

Cancel reply

Write your comment

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

14/07/2010
Tutorial Dog [more]
10,149
2
3
0
0.33 KBytes

JavaScript DHTML Dock Carousel Using Mootools

1/5 3 votes / 10,149 previews / 2 comment 14/07/2010 This is an awesome navigation menu with an unique and eye-catching design, op...JavaScript DHTML Dock Carousel Using Mootools - JavaScript DHTML Dock Carousel Using Mootools

Let's be first member to do this

Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web

JavaScript DHTML Dock Carousel Using Mootools

Label: DHTML, Dock Carousel, Using, Mootools, awesome, unique, eye-catching, DockBar, fading, scrolling, animation, motion, smooth, Mac (adsbygoogle = window.adsbygoogle || []).push({});

Generate your business videos by AI with voice or just text

Write your comment

Label: DHTML, Dock Carousel, Using, Mootools, awesome, unique, eye-catching, DockBar, fading, scrolling, animation, motion, smooth, Mac