Lastest JavaScripts: CSS

Web CSS Content Switcher Without JavaScript

1288077494

Without JavaScript, we can still switch web content with CSS. It's so incredible but it's so true, just click into this free HTML example code, for testing it by yourself, to find how to make CSS content switch on your own web page. This switch content script is really super easy and use.

Simple CSS Tabbed search bar

1271317599

This is the demo of Tabbed search bar using CSS and JavaScript. Only with few code lines, and you will get a simple tabbed search bar on the your webpage.

GIF animated with CSS underlines for links

1239583001

This simple CSS code use hover property to underline links when user move mouse over them, a simple technique but it is very prevalent to highlight links on web pages at present. However, the special thing of this code is the picture used, it is the GIF animated - moving arrows, quite funny - one of backgrounds animated javascript codes. Maybe this code will be useful if your site relates to cartoon, joke,... A good technique for attracting attention of visitors on links with animated gif maker.

ShadedBorder

1221093367

This playscript produces rounded boxes with a drop shadower without using images. You are able to use different formats on the same page. Highly customizable. Non-obtrusive.

Red-Black Menus

1203813317

This two level JavaScript menu uses images for background.

XP Navigation

1203122115

This JavaScript uses some images and CSS to create navigations like to XP style. Very easy to setup, order to implement this this menu, you must define document type correctly, as

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

Text Sections

1170117143

This JavaScript allows a user to read a volume of text, without having to scroll the page and without having to load different pages. This makes for easier maintenance as only one page needs to be updated, yet the content is visible to search engines. Very useful for large amounts of text.

Automatic Coloured Rows

1170117132

Tired of adding even and odd classes to your tables to distinguish the rows? This JavaScript will do it for you automatically. You can even use it with lists!

Custom CSS Cursors

1170116487

Using CSS, you can change the default cursor icon associated with a particular element, even specifying your own cursor image (in IE6+) instead. However, with power comes responsibility. Modify the cursor only when it makes sense to, such as when you're applying it to a custom interface. Like popup windows of JavaScript, changing cursors can quickly become counterproductive and irritating to the user.

CSS Top Menu

1170116358

This two level CSS Top Menu uses regular lists (<ul>) for the underlining structure, making it search engine friendly and very lightweight. The script is also a breeze to customize. Cool.