Go Back   Themers Club : Computers , Mobiles and Web Development Themes > Webmaster forum > Scripts and Tools
Reload this Page JavaScript codes for Web DEV
FAQ Members List IPhone Apps Downloads Today's Posts

Scripts and Tools Share your free scripts , tools , icons, fontz, screen savers , etc here.

Reply
Page 20 of 21 « First < 101819 20 21 >
 
Thread Tools Display Modes
  #191  
Old 06-17-2011, 03:28 AM
JavaScriptBank JavaScriptBank is offline
Senior Member
  
Join Date: Jul 2009
Posts: 207
Rep Power: 16
JavaScriptBank is on a distinguished road
Default Snake Game in JavaScript & YUI
There are already many versions of [Only Registered users can see links . Click Here To Register...] available on the Internet. Now this Snake game was just some fun ... [Only Registered users can see links . Click Here To Register...] at [Only Registered users can see links . Click Here To Register...]


How to setup

Step 1: CSS below for styling thescript, place it into HEAD section
CSS
Code:
<style type="text/css">
/*
     This script downloaded from www.JavaScriptBank.com
     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
*/
body {
    background-color:#EEF3E2;
    margin:0;
    padding:0;
    font:13px arial;
}
#arena {
    border:1px solid #000;
    width:644px;
    height:444px;
    margin:20px 0 0 24px;
    float:left;
}
#info {
    float:left;
    margin:20px 0 0 40px;
}
#info ul {
    margin-left:0;
    padding-left:16px;
}
#info #title {
    color:#228B22;
    font-size:20px;
}
#info #instructions ul#colorCodes {
    padding:0;
}
#info #instructions #colorCodes li {
    list-style-type:none;
}
#info #instructions #colorCodes span {
    width:14px;
    height:12px;
    display:inline-block;
    color:#FFF;
    margin-right:4px;
}
#info #instructions #colorCodes span.foodColor {
    background-color:#228B22;
}
#info #instructions #colorCodes span.bonusColor {
    background-color:#FFB90F;
}
#info #score {
    border:0px solid #000;
    width:100px;
    height:20px;
    margin-top:20px;
    color:#8B4513;
    font-weight:bold;
    font-size:15px;
}
#info #addninfo {
    margin-top:20px;
    font-size:12px;
    font-style:italic;
}
.cell {
    border:0px solid #000;
    width:14px;
    height:12px;
    background-color: #FFF;
    float:left;
}   
.clear {
    clear:both;
}
</style>
<link rel="stylesheet" type="text/css" href="container.css">
Step 2: Place JavaScript below in your HEAD section
JavaScript
Code:
<script src="yahoo-dom-event.js"></script>
<script src="container-min.js"></script>
<script src="snake.js"></script>
Step 3: Copy & Paste HTML code below in your BODY section
HTML
Code:
<!--
/*
     This script downloaded from www.JavaScriptBank.com
     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
*/
-->
<body class="yui-skin-sam">
    <div id="wrapper">
        <div id="arena"></div>
        <div id="info">
            <div id="title">SNAKE</div>
            <div id="score">Score: <i>0</i></div>
            <div id="instructions">

                <ul>
                    <li>Press ARROW keys to move the snake.</li>
                    <li>Press P to pause or resume.</li>
                    <li>Earlier you eat the food, more points you get.</li>
                    <li>Snake gets killed if it collides with the walls or its own body.</li>
                    <li>Color codes:
                        <ul id=colorCodes>

                            <li><span class=foodColor></span>Food (Max 250 points, length increases by 4 units)</li>
                            <li><span class=bonusColor></span>Bonus (500 points, disappears if not eaten within 10 seconds)</li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div id=credits>
                This game is created in Javascript using YUI 2 framework.
                </br>

                Author: <a href="http://odhyan.com">Saurabh Odhyan</a>
                </br>
            </div>
            <div id="addninfo">
                Works well on FF, Chrome and Safari. Didn't have the patience to debug on IE.
            </div>
        </div>
        <div class="clear"></div>

    </div>
</body>
Step 4: Download files below
Files
[Only Registered users can see links . Click Here To Register...]
[Only Registered users can see links . Click Here To Register...]
[Only Registered users can see links . Click Here To Register...]
[Only Registered users can see links . Click Here To Register...]






Reply With Quote
  #192  
Old 06-25-2011, 07:18 PM
johndevid02 johndevid02 is offline
Junior Member
  
Join Date: Jun 2011
Posts: 5
Rep Power: 0
johndevid02 is on a distinguished road
Default
JavaScript is a scripting language designed for use in a web page and / or on a web server. It is used to create special effects in a web page. Elements such as links, images and shapes can be manipulated using this powerful technology. Unlike CGI scripts, javascript codes can be placed directly in your HTML code. It can also reside on your server and be called from a small code into your web page.
Reply With Quote
  #194  
Old 08-10-2011, 03:07 AM
JavaScriptBank JavaScriptBank is offline
Senior Member
  
Join Date: Jul 2009
Posts: 207
Rep Power: 16
JavaScriptBank is on a distinguished road
Default Simple AJAX File Uploader
This JavaScript article tutorial guides us how to use AJAX to create a simple file uploader. Please go to the inner post page for full completed details, instructions and JavaScript source codes.... [Only Registered users can see links . Click Here To Register...] at [Only Registered users can see links . Click Here To Register...]


How to setup






Reply With Quote
  #195  
Old 02-16-2012, 10:16 AM
adam eva adam eva is offline
Junior Member
  
Join Date: Feb 2012
Posts: 4
Rep Power: 0
adam eva is on a distinguished road
Default
java script is generally used for mobile operating and mobile software. it is a case sensitive basically and follows many tags like <script>........<--/script>. java script page is saved like .java.
Reply With Quote
  #196  
Old 12-12-2012, 01:30 AM
JavaScriptBank JavaScriptBank is offline
Senior Member
  
Join Date: Jul 2009
Posts: 207
Rep Power: 16
JavaScriptBank is on a distinguished road
Default Best Christmas Countdown Timers for 2012
Years passed, I shared many Christmas countdown timers on these posts: [url="http://www.javascriptbank.com/top-10-beautiful-christmas-countdown-timers.html"]10 Awesome Christmas Countdown Timers</a... [Only Registered users can see links . Click Here To Register...] at [Only Registered users can see links . Click Here To Register...]


How to setup






Reply With Quote
  #199  
Old 04-18-2013, 09:09 AM
JavaScriptBank JavaScriptBank is offline
Senior Member
  
Join Date: Jul 2009
Posts: 207
Rep Power: 16
JavaScriptBank is on a distinguished road
Default 9 Funniest JavaScript effects
The Internet is getting more and more important, we can use it for working, learning, for entertaining ... Only in the aspect of entertainment, we use the Internet to play the [Only Registered users can see links . Click Here To Register...] at [Only Registered users can see links . Click Here To Register...]


How to setup






Reply With Quote
  #200  
Old 04-25-2013, 02:24 PM
JavaScriptBank JavaScriptBank is offline
Senior Member
  
Join Date: Jul 2009
Posts: 207
Rep Power: 16
JavaScriptBank is on a distinguished road
Default 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... [Only Registered users can see links . Click Here To Register...] at [Only Registered users can see links . Click Here To Register...]


How to setup






Reply With Quote
Reply
Page 20 of 21 « First < 101819 20 21 >

Bookmarks

« Previous Thread | Next Thread »

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 06:15 PM.

Contact Us - Themers Club - Archive - Top

Powered by vBulletin® Version 3.7.6
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.