google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank
Guest, register






Amazing Bounce Effect using jQuery framework JavaScript bounce effect is the type of script presented on jsB@nk.com through many plained-JavaScript example codes, such as:

- JavaScript Elastic Trail Script
- JavaScript Free bouncing ball
- Gravity

But in this jQuery animate bounce script, I show you another amazing bouncy effect using jQuery framework. We will create a HTML page that has 4 boxes (DIVs). Every box will bounce in a specified direction under clicking. We can control the direction as well as the speed of bouncing boxes with arguments to the method of jQuery.


Category: Framework, jQuery

How to load JavaScript like a WordPress Master WordPress - an open source powerful PHP platform to develop personal web blogs, WordPress is the most used blog system at present, and I also opened a personal blog base this platform recently.

At the time of this free HTML JavaScript tutorial, the WordPress founding organization has released version 3 - an extreme worthwhile upgrade. And if you're a WordPress developer, maybe you know the WordPress's disadvantages, one of them is the way to organize data, source code seems to be changed in every new version.

Only including JavaScript files in the WordPress platform, also is a big problem. So under the view of a web developer, which solution we should choose to have a better performance? Please go to the detailed post for more instructions about including JavaScript like a WordPress master.


10 Things Old JavaScript Would Not Do About 15 years ago, my uncle took Zef to the university at which he was studying at the time. He had something to show him. He sat him behind a computer in the computer room and started a program called "Netscape". He typed in an Internet address ending with .au. I saw my first website and it came all the way from the other side of the world. It looked like crap, loaded incredibly slow, but it was cool.

I could have never have guessed that HTTP, HTML, CSS and JavaScript would once not become the main way to access information, but also replace a lot of desktop applications. The abilities of the new HTML5 and other web technologies like SVG never cease to amaze me.

Here are 10 things, in this post, I had not expected these open web technologies would be able to, but can in 2010: Interactively render physics of a cloth, Live motion tracking, Play YouTube videos without Flash, Collaboratively edit source code in a browser IDE, Do weird interactive stuff like this, Animate simple 3D landscapes, Read books in a mobile browser, Play Wolfenstein 3D/MarioKart, Render flash files using Javascript/SVG. Please go to the full post for details.


Category: Tutorials

3 Simple Ways to Define a JavaScript class This free HTML JavaScript tutorial guides you how to setup, define a JavaScript class through 3 simple ways. Please try them in the detailed post, or read more HTML JavaScript tutorial about OOP JavaScript on jsB@nk:

- JavaScript OOP Tutorial for Dummies
- OOP in JavaScript: Some Basics
- Simple Concepts about Types and Objects in JavaScript OOP
- JavaScript OOP - Scopes and Contexts
- OOP JavaScript: Public and Private Methods
- Basic OOP Concepts in Javascript


More 10 jQuery and JavaScript Tips and Tricks to Improve Your Code Keep going on Efficient and Helpful JavaScript/jQuery Tips and Tricks, this free HTML JavaScript tutorial provides more 10 JavaScript tips and tricks that help you become better in JavaScript tasks. In this HTML JavaScript tutorial, you're able to train: Test and improve your jQuery selector skills, Use Callback functions to synchronize your web effects, Use Firefox JavaScript events to control DOM Elements and Custom Objects, Make code simpler using group queries, ...

Please go to the detailed post for full instructions and JavaScript example codes, then try more JavaScript tips and tricks on jsB@nk:
- Selecting JavaScript HTML Elements Faster with jQuery
- Organizing your JavaScript code Better


dygraphs: Open Source JavaScript Graph Visualization Library dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.

Check out the JavaScript data visualization examples and document at its homepage, along with sample code to get you started. Looks dead simple to use. dygraphs sends no data to any servers; it is client-side JavaScript, processed entirely in the client's browser.

And check out many JavaScript Graph Visualization examples as you wantat 13 Useful Javascript libraries for visualizations.


Category: Tutorials

Loading External CSS & JavaScript Files Faster With PHP mod_rewrite At present, the world of Internet changed, became more and more popular to surfing. The web pages become more beautiful, worth and obviously they also become bigger to load. But web surfers do not like waiting for your page, this is the big problem to all web developers. Use a web development tip in this free HTML JavaScript tutorial, maybe you shorten the time for loading your web pages, by setting caches your external CSS and JavaScript files along with compressing them.

Please go to the detailed post for full instructions and notes, then check more web development tip on jsB@nk.com:

- Best Ways to Preload Image JavaScript with CSS, AJAX
- Efficient and Helpful JavaScript/jQuery Tips and Tricks
- Some Basic Tips and Tricks for Speeding Up JavaScript
- Some Basic JavaScript Guidelines for Accessibility
- Testing the time to load JavaScript and DOM with jQuery


How to Create a Web CSS Content Switcher Without JavaScript In this post, the author guides you how to create a Web CSS content switcher without JavaScript, a CSS code can toggle your web content, go can see this miracle at Web CSS Content Switcher Without JavaScript. Please go to the detailed post for full instructions and guides.


Web CSS Content Switcher Without JavaScript 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.


Category: CSS

Collection of Amazing Sorting Table JavaScript using Prototype With the support of the powerful JavaScript framework - Prototype; JavaScript developers/coders created many sorting table JavaScript example codes, using sorting data table is not an easy task if you want to handle it by plain JavaScript codes. By applying these sorting table JavaScript plug-ins, you're able to spend less than time and energy for sorting tables, I'll list some name for your short review: Table Orderer, Table Sort, Tablekit, Table Sorting With Prototype, Lighweight Table Sorting, MyTableGrid, Sortable for Prototype.

You may read Algorithms by JavaScript for sorting algorithms if you want to create one or sorting in JavaScript by yourself; or check some plained JavaScript example codes for sorting data table:

- JavaScript Sort Data Table
- JavaScript Sortable Table with Alternating Row Colors
- 33 Amazing JavaScript Solutions to Sort Data Tables


Category: Tutorials

JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web