Subscribe
Follow Us
Animation Clock With jquery
12488
2653
we are going to create a clock animation that works in all browser, no CSS3. So Let’s get started. Step 1 – Setting up workspace For our little animation effect we are going to use…
simplism tooltip powered by jQuery
A tooltip is help text that appears when you hover your cursor over something. The title attribute of a hyperlink or alt attribute of an image tag will be displayed as a tooltip by a browser when you…
cool Gritter for jQuery (Growl)
For those who don’t know what Growl is, it’s basically a notification bubble/popup that appears in the top right of your desktop – examples can be found here. Think of it as calling…
Cursor following translucent float menu jQuery CSS3
A website navigation menu that follows the cursor, created with the jQuery framework and CSS that’s easy to implement and configure. The idea behind the script was to create a floating navigation…
Custom contact form with jQuery
we are going to build a awesome contact form. Also we are going to display errors using well-known jQuery plugin to validate form fields. We need to create necessery files: index.html, init.js and default.css.…
FlexSlider 2 - The best responsive slider. Period.
HTML: <!-- Place somewhere in the <body> of your page --> <div class="flexslider"> <ul class="slides"> <li> <img src="slide1.jpg" /> </li>…
jQuery Smooth Circular Motion Menu
we are going to create a stunning circular motion effect with jQuery. We will be using the jQuery.path plugin to animate a circular movement for a menu in a portfolio example. The idea is to have a rounded…
unique Gallery by using z-index and jQuery
we will combine the CSS property ‘z-index’ and the power of jQuery to create a unique gallery which have a appearance of a pile of pictures. In this example we have the appearance of a pile…
Simplism BS Table Crosshair with jQuery
Automatically for each table considers the focus Just with assigning an ID to the table $.bstablecrosshair('myTable',{ color : '#444', background : '#aaa', foreground : '#fff' });
custom confirm dialog in the form use jQuery plugin
Continuing on our quest for building customizable alternatives for browser’s controls, this week we are building a cross-browser, custom confirm dialog in the form of an easy to use jQuery plugin.…
Image Preview Gallery
Here we have a bunch of thumbnails. When each thumbnail is rolled over, script will load an image that we have linked in HREF attribute of an A tag. That makes this method accessible as well, because…
A new jQuery plugin: scrollSomething
The perfect solution if you desperatly need to scroll something. You can scroll anything you want. How to use: $("#myScrollebleItems").scrollSomething(); The options: scrollerWidth…
jQuery ExtSlide
jquery extends slide effect (animate): slideLeftShow, slideLeftHide, slideLeftToggle, slideRightShow, slideRightHide, slideRightToggle
Take Control of Your Table View jQuery
The Case Each user has a different tastes in viewing our content, including data in a table. I, for example, always enjoy seeing the font in a smaller size but my friend didn’t. It just a font size,…
Tags
accordion accordion menu animation navigation animation navigation menu carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form form validation gallery glide navigation horizontal navigation menu hover effect image gallery image hover image lightbox image scroller image slideshow multi-level navigation menus rating select dependent select list slide image slider menu stylish form table tabs text effect text scroller tooltips tree menu vertical navigation menu