using jQuery and CSS3 a Speech Bubble Tooltips
There are a very lightweight and good looking tooltip without using any images. The HTML This tooltip is going to work on any <a> link that has a class of “sbtooltip” and contains a…
To scroll through content Tabs for jQuery
The example allows you to scroll through content by clicking on tabs, without the page having to reload. The content is already on the page, you just need some javascript to tell it to display. It’s…
simple jQuery Drop Down Menu
Introduction Alright, this time, we are going to make a drop down menu. The main objective is to make it as simple as possible, with some little jQuery effect and easy to customize/ apply different style…
CSS&jQuery;: Highlight keywords text
we'll come up with a solution to highlight identified keywords (using named entity recognition) inside of a chunk of user generated text. While the idea was fairly simple, the challenge was creating a…
MooTools Brilliant Animated Tabs
There are times when we need to display a bit too much content in a small space. One way to do it is by using tabs. Fancy tabs is a tabs navigation display that tries to cover most situations, from AJAX…
3D Awesome Buttons with CSS3 & jQuery
It's not support IE.There is no doubt that websites are edging more and more into the web app, or interactive arena, rather than the static websites that most of us began with. As links and buttons are…
Custom jQuery form Selectbox
Replaces the standard HTML form selectbox with a custom looking selectbox. Allows for disable, multiselect, scrolling, and very customizable. // SIMPLE USAGE $(".exampleDiv").custSelectBox();…
Facebook-style tooltips with jquery plugin
This is Simple Facebook-style tooltips plugin; Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute. Basic By default, tooltips will appear centred…
Beautiful CSS3 multicolour Dropdown Menu
This will colored tabs with slideout submenus. I don`t used any defined palette – tabs in different colors. Can warn, that all sliding effects will work only in FF, Chrome, Safary browsers, possible…
jQuery scroll News Previewer
we will create a news previewer that let’s you show your latest articles or news in a compact way. The news previewer will show some list of articles on the left side and the preview of the article…
very cool and useful Lightbox JS
Lightbox JS is very cool and useful script to display an image on the page. However only the part of the image is displayed when the image size is larger than the window size. So I've created original…
Pure CSS3 multiple Animated Buttons
Still hyped by the possibilities of CSS3, I want to share some CSS3 button experiments with you. The idea is to create some animated link elements with different styles, hover effects and active states.…
jQuery lightBox plugin
jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector. lightBox is…
jQuery Moving Tab and Sliding Content
how to create a moving tab slide content in this tutorial. Basically, the tab section simulate Lava Lamp Effect, and the content is using animate method to slide it. 1. HTML In the container #moving_tab,…
Vertical Flyout JavaScript Menu
This animated JavaScript flyout menu is clean and lightweight at only 1.6kb.This script has been tested in all major browsers
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