Lastest JavaScripts: Framework http://www.javascriptbank.com/rss/framework/ Lastest JavaScripts: Framework en Copyright (C) JavaScriptBank.com 60 [email protected] RSS Snake Game in JavaScript & YUI <img src="http://www.javascriptbank.com/javascript.images/framework/snake-game-in-javascript--yui.jpg" width="100" height="100" align="left" style="margin: 5px;" />There are already many versions of <a href="http://www.javascriptbank.com/cross-browser-black-snake-game.html">snake classic games</a> available on the Internet. Now this Snake game was just some fun way to practice JavaScript programming language. This <a href="http://www.javascriptbank.com/cross-browser-black-snake-game.html">snake online game</a> is the first JavaScript game from author, it used YUI 2 for JavaScript events and DOM handling. Some information above is from author, jsB@nk thinks you should know, now let's go to the board for JavaScript Snake game on jsB@nk; eat the food, more points you get, use arrow keys to move, press P to pause or resume. Other JavaScript Snake games jsB@nk: - <a href="http://www.javascriptbank.com/cross-browser-black-snake-game.html">Cross Browser Black Snake Game</a> - <a href="http://www.javascriptbank.com/real-snake-index.html">JavaScript Real Snake</a> http://www.javascriptbank.com/snake-game-in-javascript--yui.html 1308122472 Simple JavaScript Slideshow in 2 code lines with jQuery <img src="http://www.javascriptbank.com/javascript.images/framework/simple-javascript-slideshow-2-code-lines-jquery.jpg" width="100" height="100" align="left" style="margin: 5px;" />In this post, jsB@nk is happy to present to you a tiny JavaScript slideshow effect made by 2 code lines. It's so very simple and easy to implement but its JavaScript animations are so great to apply on your web page. Let's go to the detailed page for an awesome JavaScript slideshow 2 code lines on jsB@nk. http://www.javascriptbank.com/simple-javascript-slideshow-2-code-lines-jquery.html 1307512415 Simulate Awesome Flash Horizontal Navigation with MooTools <img src="http://www.javascriptbank.com/javascript.images/framework/simulate-awesome-flash-horizontal-navigation-with-mootools.jpg" width="100" height="100" align="left" style="margin: 5px;" />A very great <a href="http://www.javascriptbank.com/">JavaScript code example</a> to simulate Flash effects in this script: the users move mouse pointer to the edges of content div then all remaining content will slide out for your view. Please go to the inner page for live demo of this cool JavaScript-MooTools code example and full detailed instructions, documentation. http://www.javascriptbank.com/simulate-awesome-flash-horizontal-navigation-with-mootools.html 1305265695 Colours-on-Page Displaying with MooTools <img src="http://www.javascriptbank.com/javascript.images/framework/colours-on-page-displaying-with-mootools.jpg" width="100" height="100" align="left" style="margin: 5px;" />When users click a specified button, this JavaScript code example will get colours of all HTML elements with the predefined color attributes then fill those colours into many tiny rectangles. The author built this <a href="http://www.javascriptbank.com/tigra-color-picker-index.html" title="JavaScript color picker">JavaScript color picker</a> with the idea to offer visitors color of any HTML element without researching the source code of web pages. Try more JavaScript code examples on jsB@nk for picking the colors if you're needing something like that: - <a href="http://www.javascriptbank.com/tigra-color-picker-index.html">Tigra Color Picker</a> - <a href="http://www.javascriptbank.com/milonic-dhtml-color-picker.html">Milonic DHTML Color Picker</a> - <a href="http://www.javascriptbank.com/jswitch-color-picker-index.html">JSwitch Color Picker</a> - <a href="http://www.javascriptbank.com/html-color-picker-1-0.html">HTML Color Picker 1.0</a> http://www.javascriptbank.com/colours-on-page-displaying-with-mootools.html 1304923118 HTC-style JavaScript Countdown Timer with jQuery <img src="http://www.javascriptbank.com/javascript.images/framework/htc-javascript-countdown-timer-with-jquery.jpg" width="100" height="100" align="left" style="margin: 5px;" />If the JavaScript countdown timers are ever presented on jsB@nk still do not satisfy you: - <a href="http://www.javascriptbank.com/cool-javascript-digital-countdown-with-jquery.html">Cool JavaScript Digital Countdown with jQuery</a> - <a href="http://www.javascriptbank.com/jquery-javascript-countdown-timer-with-bar-display.html">jQuery JavaScript Countdown Timer with Bar Display</a> - <a href="http://www.javascriptbank.com/super-neat-javascript-countdown-timer.html">Super Neat JavaScript Countdown Timer</a> Then jsB@nk would like to show you new <a href="http://www.javascriptbank.com/javascript-countdown-timer.html">awesome JavaScript timer countdown</a>, this script looks like HTC countdown timers (HTC is one famous smart-phone production company in Taiwan). JavaScript source code of this countdown timer is built on <a href="http://www.javascriptbank.com/javascript/framework/jquery/">JavaScript jQuery framework</a>, all you just need to include the source file then setup your own <a href="http://www.javascriptbank.com/javascript-countdown-timer.html">JavaScript timer countdown</a> by a few lines of simple JavaScript codes. http://www.javascriptbank.com/htc-javascript-countdown-timer-with-jquery.html 1303888904 Nice AJAX Effects for Messages Box using MooTools <img src="http://www.javascriptbank.com/javascript.images/framework/nice-ajax-messages-box-using-mootools.jpg" width="100" height="100" align="left" style="margin: 5px;" />This is very simple <a href="http://www.javascriptbank.com/" title="JavaScript code example">JavaScript code example</a> but it can create an amazing message box effect with AJAX operations, bases on JavaScript MooTools framework. In live demo of this JavaScript code example, the <a href="http://www.javascriptbank.com/=JavaScript message box" title="JavaScript message box">JavaScript message box</a> shall be called through AJAX every time users click "Save" button then it'll disappear by blur effect after all jobs are done. Full JavaScript source codes, CSS source codes and detailed instructions, documentation are within live demo of this <a href="http://www.javascriptbank.com/=AJAX message box">AJAX message box</a>, please go for it or try to enjoy more JavaScript MooTools effects below: - <a href="http://www.javascriptbank.com/super-awesome-amazing-mootools-site-examples.html">Super Awesome and Amazing MooTools Site Examples</a> - <a href="http://www.javascriptbank.com/javascript-dhtml-dock-carousel-using-mootools.html">JavaScript DHTML Dock Carousel Using Mootools</a> http://www.javascriptbank.com/nice-ajax-messages-box-using-mootools.html 1303798834 Cool Analog Clock with Raphael by Amazing Styles <img src="http://www.javascriptbank.com/javascript.images/framework/cool-analog-clock-with-raphael-by-amazing-styles.jpg" width="100" height="100" align="left" style="margin: 5px;" />Collect the <a href="http://www.javascriptbank.com/" title="JavaScript code examples">JavaScript code examples</a> for creating cool JavaScript clocks is one of jsB@nk's initial criteria; till to this post, jsB@nk has a great collection of 50+ <a href="http://www.javascriptbank.com/=JavaScript analog clock">JavaScript analog clocks</a> and JavaScript digital clocks, you can see them at <a href="http://www.javascriptbank.com/en+title=clock">http://www.javascriptbank.com/en+title=clock</a>. Some cool and amazing JavaScript clocks jsB@nk presented recently: - <a href="http://www.javascriptbank.com/jsclock-featured-digital-clock-javascript.html">jsClock: Featured Digital Clock JavaScript</a> - <a href="http://www.javascriptbank.com/javascript-word-clock-spell-the-time.html">JavaScript Word Clock: Spell the Time</a> - <a href="http://www.javascriptbank.com/coolclock-super-nice-javascript-analog-clock.html">CoolClock - Super nice Javascript Analog Clock</a> Today, I'm pleasure to present you another awesome JavaScript analog clock. This <a href="http://www.javascriptbank.com/" title="JavaScript code example">JavaScript code example</a> uses jQuery and RaphaĆ«l to build a very amazing JavaScript analog clock with 14 styles, besides this clock allows users to choose the colour of 3 lines: hour, minute and second. http://www.javascriptbank.com/cool-analog-clock-with-raphael-by-amazing-styles.html 1303193377 Awesome Tabbing Navigation with Prototype and AJAX <img src="http://www.javascriptbank.com/javascript.images/framework/awesome-tabbing-navigation-with-prototype-ajax.jpg" width="100" height="100" align="left" style="margin: 5px;" />A very cool <a href="http://www.javascriptbank.com/" title="JavaScript code example">JavaScript code example</a> to create tabbing navigation menus for display information on your web pages. This tabbing navigating menu has the same working way like other applications with <a href="http://www.javascriptbank.com/=Firefox tab bar">Firefox Firefox tab bar</a> layout. Some more functions in JavaScript code example: - Supports unlimited tabs for your content - Creates more tabs with <a href="http://www.javascriptbank.com/javascript/ajax/">AJAX</a> or IFRAME - Create unclosed tabs (used for major information) Enjoy more JavaScript code examples on jsB@nk for tabbing menus: - <a href="http://www.javascriptbank.com/simple-css-tabbed-search-bar.html">JavaScript Simple CSS Tabbed search bar</a> - <a href="http://www.javascriptbank.com/useful-javascript-tab-bar-navigation-codes.html">Useful Javascript Tab Bar Navigation Codes</a> - <a href="http://www.javascriptbank.com/dhtmlxtabbar-ajax-components-for-advanced-web-ui.html">JavaScript dhtmlxTabBar - AJAX components for advanced Web UI</a> - <a href="http://www.javascriptbank.com/tab-folder-script.html">JavaScript Tab Folder script</a> - <a href="http://www.javascriptbank.com/content-tabs-script.html">JavaScript Content Tabs script</a> http://www.javascriptbank.com/awesome-tabbing-navigation-with-prototype-ajax.html 1302243423 Cool JavaScript Digital Countdown with jQuery <img src="http://www.javascriptbank.com/javascript.images/framework/cool-javascript-digital-countdown-with-jquery.jpg" width="100" height="100" align="left" style="margin: 5px;" />A very amazing <a href="http://www.javascriptbank.com/javascript-countdown-timer.html">JavaScript countdown timer script</a> with cool layout to display on your web pages. This JavaScript timer countdown script counts quantities of weeks, days, hours, minutes and seconds to a predefined time. Besides, this JavaScript timer countdown script also allow us to choose the Black/White layout to show; and certainly we can also edit/change its JavaScript source codes easily because this JavaScript timer countdown script made with jQuery framework. One more amazing and unique <a href="http://www.javascriptbank.com/javascript-countdown-timer.html">JavaScript timer countdown script</a> joined the collection of JavaScript countdown timers on jsB@nk: - <a href="http://www.javascriptbank.com/javascript-countdown-timer.html">JavaScript Timer Countdown</a> - <a href="http://www.javascriptbank.com/build-simple-flash-timer-countdown-in-actionscript.html">Build Simple Flash Timer Countdown in ActionScript</a> - <a href="http://www.javascriptbank.com/jquery-javascript-countdown-timer-with-bar-display.html">jQuery JavaScript Countdown Timer with Bar Display</a> - <a href="http://www.javascriptbank.com/make-a-javascript-countdown-timer-in-oop.html">Make a JavaScript Countdown Timer in OOP</a> - <a href="http://www.javascriptbank.com/super-neat-javascript-countdown-timer.html">Super Neat JavaScript Countdown Timer</a> http://www.javascriptbank.com/cool-javascript-digital-countdown-with-jquery.html 1301464478 JavaScript Loading Progress Effect with jQuery <img src="http://www.javascriptbank.com/javascript.images/framework/javascript-loading-progress-effect-with-jquery.jpg" width="100" height="100" align="left" style="margin: 5px;" />A very unique and amazing JavaScript code example to create <a href="http://www.javascriptbank.com/=JavaScript loading progress">JavaScript loading progress</a> effects on the web pages. With this version, this JavaScript loading progress effect allows us to choose 4 layouts for displaying: bullets and timer, using bullets only, using GIF images and using custom images and text. Within the JavaScript live demo, I also offer full detailed documentation and instructions to handle all functions, let go to live demo for enjoying now! Try other JavaScript loading progress scripts on jsB@nk if you like: - <a href="http://www.javascriptbank.com/percentage-progress-bar-script.html">JavaScript Percentage Progress Bar script</a> - <a href="http://www.javascriptbank.com/time-based-progress-bar.html">JavaScript Time-based Progress Bar</a> - <a href="http://www.javascriptbank.com/percent-progress-bar.html">JavaScript Percent Progress Bar</a> - <a href="http://www.javascriptbank.com/timer-bar.html">JavaScript Timer Bar</a> http://www.javascriptbank.com/javascript-loading-progress-effect-with-jquery.html 1301031443