JavaScript codes for Web DEV
Helpful JavaScript for Web development DHTML Fading Animation Image Enhancing image presentation on your website with this image rotator plus smooth dynamic motion (fade-in-fade-out). A very great anima... detail at JavaScriptBank.com - 2.000+ free JavaScript codes How to setup Step 1: Copy & Paste JavaScript code below in your HEAD section JavaScript Code:
<SCRIPT language=javaScript> HTML Code:
<BODY onload=showimage()> Javascript Music Player - Random Text Generator - Floating Image Script Quote:
|
Streaming Horizontal Banner
Use this JavaScript code to make a a horizontal image scroller on your web page. If do not view the source code, maybe you will think tha... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
How to setup Step 1: Use CSS code below for styling the script CSS Code:
<style type="text/css"> JavaScript Code:
<script type="text/javascript"> HTML Code:
<div id="slideCont" style="overflow: hidden; position: relative; z-index: 1; width: 425px; height: 90px; top: 0px; clip: rect(auto, 425px, 90px, auto);"> |
Expanding Navigation Menu onClick
This is a simple expand collapse menu. The anchor tags that expand each menu are added by JavaScript, so the HTML code doesn't contain any event handlers or unnecessary HTML tags. The ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...nu-onclick.jpg Demo: JavaScript Expanding Navigation Menu onClick How to setup Step 1: Place CSS below in your HEAD section CSS Code:
<style type="text/css"> JavaScript Code:
<script language="javascript"> HTML Code:
<ul id="menu"> |
Waving Text Trailer
This JavaScript codecan be used to be that a mouse cursor pointer was just a mouse cursor. Since DHTML came along and gave programmers the ability to track the precise coordinates of the mouse, it was... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
How to setup Step 1: Place CSS below in your HEAD section CSS Code:
<STYLE>.spanstyle { JavaScript Code:
<SCRIPT> HTML Code:
<BODY onload=setup()> |
Trailing Kisses and Lips
Spreading the love on your site with this JavaScript! It produces big kisses and lips behind your mouse pointer as it moves, each disappearing only after a noticeable delay (set to 1 second in demo). ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
How to setup Step 1: CSS below for styling thescript, place it into HEAD section CSS Code:
<style type="text/css"> JavaScript Code:
<script language="JavaScript1.2" type="text/JavaScript"> HTML Code:
<script language="JavaScript" type="text/JavaScript"> Files lips_small.gif small_heart.gif |
Slideshow with zoom-in-zoom-out-animation
Slideshow with great transitoon effect. Each image has a JavaScript link of its own. Netscape-users will see a simple image-rotation-ef... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...-animation.jpg Demo: JavaScript Slideshow with zoom-in-zoom-out-animation How to setup Step 1: Place HTML below in your BODY section HTML Code:
<BODY onload=initiate()> |
AJAX Net Page Fetcher
This AJAX playscript allows you make page read on other page's content (both asks to be from the same web site - avoid [URL="http://www.javascriptbank.com/javascript/security/"]security issues</... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
How to setup Step 1: Copy & Paste JavaScript code below in your HEAD section JavaScript Code:
<script type="text/javascript" name="ajaxpagefetcher.js"> HTML Code:
<div id="bob"></div> |
Helpful JavaScript resources for Designers
Web Design - a task that requires the creativity and a lot of time, to create the high quality products. However, in the environment of modern web nowadays, the Internet produced a lot of libraries, u... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...-designers.jpg Demo: JavaScript Helpful JavaScript resources for Designers How to setup |
LCD Digital Clock
This digital clock JavaScript code attempts to parody that cool 'glowing in the dark night' look of a LCD clock watch by its interface. LCD displays the ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
How to setup Step 1: Copy & Paste CSS code below in your HEAD section CSS Code:
<style> JavaScript Code:
<script> HTML Code:
<span id="digitalclock" class="styling"></span> |
10 Tiny JavaScript Snippets for Good Beginners
Yes, as the title of this JavaScript tutorial said, these JavaScript tips and tricks are so tiny and simple for operating, but sometimes we (web developers and web programmers/coders) forget about the... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...-beginners.jpg Demo: JavaScript 10 Tiny JavaScript Snippets for Good Beginners How to setup |
Currency Format script
This JavaScript accepts a number or string and formats it like U.S. currency. Adds the dollar sign, rounds to two places past the decimal, adds place holding zeros, and comm... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
How to setup Step 1: Place JavaScript below in your HEAD section JavaScript Code:
<SCRIPT LANGUAGE="JavaScript"> HTML Code:
<form name=currencyform> |
Rich Content JavaScript DOMTooltips
Are you looking for a JavaScript tooltip which can make your additional content become more beautiful when the mouse is over it, for your anchors? Then this is a JavaScript you should try, <b>DOMToolt... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...omtooltips.jpg Demo: JavaScript Rich Content JavaScript DOMTooltips How to setup Step 1: Place HTML below in your BODY section HTML Code:
<link rel="stylesheet" href="domtooltips.css" type="text/css" /> Files domtooltips.css domtooltips.js |
10 Tiptop Animations with JavaScript Framework
The JavaScript-based movement effects, animations, in your Web applications, will become more eye-catching, smoothing and beautiful when they use the powerful JavaScript frameworks to manage and proce... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...-framework.jpg Demo: JavaScript 10 Tiptop Animations with JavaScript Framework How to setup |
Make a JavaScript Countdown Timer in OOP
JavaScript Countdown Timer is the type of JavaScript code presented on JavaScriptBank.com; and you can find many good scripts as you want; but this JavaScript countdown timer is new on... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...mer-in-oop.jpg Demo: JavaScript Make a JavaScript Countdown Timer in OOP How to setup |
Countdown Timer 2
This countdown script prints directly to the page, displaying the time left in minutes and seconds. The time duration can be set in the ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
How to setup Step 1: Copy & Paste CSS code below in your HEAD section CSS Code:
<style> JavaScript Code:
<script> HTML Code:
<span id="theTime" class="timeClass"></span> |
JavaScript Word Clock: Spell the Time
This is most excellent JavaScript clock on the web page I ever see, although this is 5 minutes interval JavaScript clock but it has a very nice design and very unique performance: writing the time in ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...l-the-time.jpg Demo: JavaScript JavaScript Word Clock: Spell the Time How to setup Step 1: Use CSS code below for styling the script CSS Code:
<style> JavaScript Code:
<script type="text/javascript" src="http://www.google.com/jsapi"></script> HTML Code:
<div id="clock"> |
Create Topic Selectors like Digg Style
If you joined Digg, certainly you had known about the multi-topic navigation menu for choosing of this webs... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...digg-style.jpg Demo: JavaScript Create Topic Selectors like Digg Style How to setup |
5 Good and Small JavaScript Tips and Tricks
If you are a professional programmer or senior coder to one or many programming languages, certainly we will always have some little tips and tricks to solve the some problems better, and the web Java... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...ips-tricks.jpg Demo: JavaScript 5 Good and Small JavaScript Tips and Tricks How to setup |
30+ Super High Cool Sites with Amazing JavaScript effects
This JavaScript article shows you a list of 30 super high cool websites have great amazing JavaScript effects. These websites have an unique layout, along with a clever combination of awesome JavaScri... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...pt-effects.jpg Demo: JavaScript 30+ Super High Cool Sites with Amazing JavaScript effects How to setup |
JavaScript DHTML Dock Carousel Using Mootools
This is an awesome navigation menu with an unique and eye-catching design, operated by the famous JavaScript framework, ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...g-mootools.jpg Demo: JavaScript JavaScript DHTML Dock Carousel Using Mootools How to setup Step 1: Place CSS below in your HEAD section CSS Code:
<link rel='stylesheet' href='slider.css' type='text/css' /> JavaScript Code:
<script src="mootools-12-core.js" type="text/javascript"></script> HTML Code:
<div id="stage-container"> Files 1.png 10.png 2.png 3.png 4.png 5.png 6.png 7.png 8.png 9.png dock.js left.gif mootools-12-core.js mootools-12-more.js right.gif slider.css stage2.jpg text.gif |
Super Awesome and Amazing MooTools Site Examples
MooTools - a JavaScript framework designed mainly to support for the animation, motion, movement, ... of the objects ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...e-examples.jpg Demo: JavaScript Super Awesome and Amazing MooTools Site Examples How to setup |
12 Awesome and Creative JavaScript Games you should try
Nowadays, with the rapid growth of superior technology (innovation, improvement of programming languages, power of processing), even the technical (processor and performance of computer are increasing... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...should-try.jpg Demo: JavaScript 12 Awesome and Creative JavaScript Games you should try How to setup |
Web based JavaScript Media Player
Bring the sound of life - music to your visitors by this JavaScript. It is an advanced web based midi player that actually enables you to jump, pause, and manipulate the play list like never before.... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...sic-player.jpg Demo: JavaScript Web based JavaScript Media Player How to setup Step 1: Copy & Paste JavaScript code below in your HEAD section JavaScript Code:
<SCRIPT language=JavaScript> HTML Code:
<BODY onclick=count() onload=count()> |
jsDatePick - A Simple Free Javascript Date Picker
jsDatePick is a free JavaScript application that uses DOM techniques to create the date pickers on your web page. Within minutes, you can have a cool popup date pic... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...ate-picker.jpg Demo: JavaScript jsDatePick - A Simple Free Javascript Date Picker How to setup |
Highlight your PHP and JavaScript codes with PHP highlight_string
Highlighting the source code of your applications on the web pages is an interesting job to any programmer/coder, for showing the simpler look out to all audiences. And this feature has also been supp... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...ght_string.jpg Demo: JavaScript Highlight your PHP and JavaScript codes with PHP highlight_string How to setup |
Five Tricks for Improving JavaScript Security
This JavaScript tutorial gives you 5 helpful guides to improve the JavaScript security troubles for JavaScript applications, web ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...t-security.jpg Demo: JavaScript Five Tricks for Improving JavaScript Security How to setup |
Super Cool and Great Button Resources and Tutorials with CSS3
CSS3 - a higher CSS standard for designing HTML layout on web applications - is gradually being used widely. CSS3 is gradually affirming the position and benefit to CSS2... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...-with-css3.jpg Demo: JavaScript Super Cool and Great Button Resources and Tutorials with CSS3 How to setup |
10 Small Javascript Tricks You Should Master
In this JavaScript tutorial article, the author provides ten small JavaScript tips and tricks, mainly aimed for beginner and intermediate Javascript developers; also... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...uld-master.jpg Demo: JavaScript 10 Small Javascript Tricks You Should Master How to setup |
Best Ways to Preload Image JavaScript with CSS, AJAX
Surfing time - is the loading time in other hand - is the big problem to all websites, site owners. And now, it's one of important factor to Google for ranking our URLs. For the big sites have a lot o... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...t-css-ajax.jpg Demo: JavaScript Best Ways to Preload Image JavaScript with CSS, AJAX How to setup |
Using JavaScript to Change Your Web Page Font Size
In this short JavaScript tutorial, <i>Nurani</i> guides you how to use JavaScript in changing the web page's font size. Maybe the JavaScripts to change font size are not new things on ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...-font-size.jpg Demo: JavaScript Using JavaScript to Change Your Web Page Font Size How to setup Step 1: Use JavaScript code below to setup the script JavaScript Code:
<script type="text/javascript"> HTML Code:
<a href="javascript:zoominLetter();">A</a> |
10 Tiptop Analog and Digital Clock Resources and Techniques with Javascript
With beautiful and amazing analog or digital clock on the web pages, you're able to attract more visitors to your website if it relates to some date/time. In Flash, the web developers and web designer... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...javascript.jpg Demo: JavaScript 10 Tiptop Analog and Digital Clock Resources and Techniques with Javascript How to setup |
Helpful JavaScript Time and Date Picker, Plugins for Frameworks
Do you need a beautiful JavaScript time/date picker for your web blog? Just spend a little of time to view these JavaScript time and date pickers in action, maybe you wi... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...frameworks.jpg Demo: JavaScript Helpful JavaScript Time and Date Picker, Plugins for Frameworks How to setup |
Incredible and Amazing 3D JavaScript Canvas Enginges
Did you ever imagine the JavaScript programming language could render fantastic, incredible out of 3D effects, animations? Let check out these JavaScript codes presented in this free JavaScript articl... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...s-enginges.jpg Demo: JavaScript Incredible and Amazing 3D JavaScript Canvas Enginges How to setup |
Super Amazing jQuery Dynamic Navigation Menu Solutions
In the world of jQuery framework, there are many design miracles made by web developers, web designers that attract the web audiences. One of these jQuery d... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...-solutions.jpg Demo: JavaScript Super Amazing jQuery Dynamic Navigation Menu Solutions How to setup |
JavaScript Try and Catch Statement in Advance
Through this free JavaScript article tutorial, <i>Louis</i> gives you a detailed viewpoint about <code>Try</code> and <code>Catch</code> statement in the JavaScript wen programming language; by specif... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...nt-advance.jpg Demo: JavaScript JavaScript Try and Catch Statement in Advance How to setup |
Great Powered Resources for 7 Helpful jQuery Plug-ins
This free JavaScript article provides a list of over 20 great resources for jQuery add-ons, such as: jQuery AJAX plugin, Paralax, jQuery UI plugin, jQuery plugin form, jQuery Background tricks, jQuery... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...y-plug-ins.jpg Demo: JavaScript Great Powered Resources for 7 Helpful jQuery Plug-ins How to setup |
Top 10 Free Web Chat box Plug-ins and Add-ons
If you want to make your website more interactive and attract thousands of visitors on a regular basis, then adding an online chat box to the website is perhaps one ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...ins-addons.jpg Demo: JavaScript Top 10 Free Web Chat box Plug-ins and Add-ons How to setup |
jsClock: Featured Digital Clock JavaScript
If you're needing a simple digital clock that is updating automatically and takes directly the time from the server, also you want to show the time in other count... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...javascript.jpg Demo: JavaScript jsClock: Featured Digital Clock JavaScript How to setup Step 1: Place CSS below in your HEAD section CSS Code:
<style type="text/css"> JavaScript Code:
<script type="text/javascript"> HTML Code:
Normal clock using browser time: |
jsPDF: Generating your PDF Web Page Documents using JavaScript
<b>jsPDF</b> is an open-source JavaScript library written by <i>James</i>, this tool allow us generate PDF web page documents in server-side and client-side by using nothing... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...javascript.jpg Demo: JavaScript jsPDF: Generating your PDF Web Page Documents using JavaScript How to setup Step 1: Place JavaScript below in your HEAD section JavaScript Code:
<script type="text/javascript" src="base64.js"></script> HTML Code:
<h2>Simple Two-page Text Document</h2> Files base64.js jspdf.js sprintf.js |
Remove an Element in JavaScript Array
This free JavaScript snippet guides you how to remove an element in JavaScript array, by the value of element or its index. Very useful and helpful for coding and programming in JavaScript. Indexes in... detail at JavaScriptBank.com - 2.000+ free JavaScript codes
http://www.javascriptbank.com/javasc...ript-array.jpg Demo: JavaScript Remove an Element in JavaScript Array How to setup |
All times are GMT -5. The time now is 06:32 PM. |
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
HTML Help provided by HTML Help Central.