Saturday 9 July 2011

Thursday 7 July 2011

Disco Lights Javascript





Color Changing JavaScript Copy The Below JavaScript code in Notepad and save the file with .html extension. And You are Done. Open The file with browser and see the magic.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Animated Transparent PNG Bubbles in JavaScript</title>
<style type="text/css">
html, body {
    background: #000;
    color: #FFF;
    height: 100%;
}
body {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    height: 100%;
    width: 100%;
}
p, address {
    background: rgba(0, 0, 0, 0.25);
    font-family: Georgia;
    font-style: normal;
    margin: 0;
    padding: 5px;
    position: absolute;
}
p {
    left: 5px;
    max-width: 50%;
    top: 5px;
}
address {
    bottom: 5px;
    right: 5px;
    text-align: right;
}
td {
    /* border: 1px solid #000; */
    min-height: 0;
}
td img {
    border: 0;
    display:block;
    height: 100%;
    width: 100%;
    image-rendering: optimizeSpeed; /* Firefox 3.6 */
    -ms-interpolation-mode: nearest-neighbor; /* IE 7+ */
}
a{color:#FFF;}
a:hover{color:#06F;}
</style>
</head>
<body>


<script type="text/javascript">


var gridWidth = 3, gridHeight = 2;
var cellCount = gridWidth * gridHeight;


var w = Math.ceil(100 / gridWidth);
var h = Math.ceil(100 / gridHeight);
document.write('<table border="0" cellpadding="0" cellspacing="0">');
for (var r = 0; r < gridHeight; r++)
{
    document.write("<tr>");
    for (var c = 0; c < gridWidth; c++)
    {
        document.write('<td style="width:' + w + '%;height:' + h + '%"><img src="disco-floor.png"></td>');
    }
    document.write("</tr>");
}
document.write("</table>");


var elements = document.getElementsByTagName("TD");
var cells = new Array(elements.length);
// Copy the element collection into an array because it is faster
for (var i = 0; i < cells.length; i++)
{
    cells[i] = elements[i];
}


function colorFromHue(hue)
{
    var ramp = [255, 255 - Math.round(hue % 1 * 255), 0, 0, Math.round(hue % 1 * 255), 255];
    var i = Math.floor(hue % 6);
    return "rgb(" +
        ramp[ i         ] + "," +
        ramp[(i + 4) % 6] + "," +
        ramp[(i + 2) % 6] + ")";
}


var discoFloorHue = 0;
function animate()
{
    for (var i = cellCount; i--; )
    {
        //var i = Math.floor(Math.random() * cellCount);
        cells[i].style.backgroundColor = colorFromHue(discoFloorHue + Math.random() * 2);
    }
    discoFloorHue = (discoFloorHue + 0.5) % 6;
    window.setTimeout(animate, 1000 / 2);
}


animate();


</script>


<p>The idea was to create a nice full screen animation with very low CPU usage.
Firefox calculates the cell height a bit different.
<a href="#" onclick="this.parentNode.style.display='none';return false">Hide&nbsp;this&nbsp;text</a>.</p>


</body>
</html>

Color Changing On Text On Image JavaScript



Color Changing JavaScript Copy The Below JavaScript code in Notepad and save the file with .html extension. And You are Done. Open The file with browser and see the magic.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 


Transitional//EN" 


"http://www.w3.org/TR/html4/loose.dtd"> 
<html lang="de"> 
<head> 
<title>CSS2 Crosshairs Effect - Table Column and 


Row Hover for CSS2 Browsers</title> 
<style type="text/css"> 

body{
font-family:Georgia;
}
h1{
margin-top:0;
}
address{
font-style:normal;
text-align:right;
}

td:hover{
background:#F0F;
}
tr:hover{
background:#F00;
}
col:hover{
background:#00F;
}
.col2{
background:#FF0;
}

</style> 
</head> 
<body> 

        <h1>CSS&thinsp;2 Crosshairs Effect</h1> 

        <p>Table Column and Row Hover for CSS2 


Browsers</p> 

        <p>Uses <code>&lt;col&gt;</code> and 


<code>col:hover</code> to hover
            the columns. Although this is CSS2, it 


does not work with actual
            browsers (but will in the future).</p> 

        <table border="1" cellspacing="0" 


width="100%"> 
            <colgroup> 
                <col class="col1" /> 
                <col class="col2" /> 
                <col class="col3" /> 
                <col class="col4" /> 
                <col class="col5" /> 
            </colgroup> 
            <tr> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
            </tr> 
            <tr> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
            </tr> 
            <tr> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
            </tr> 
            <tr> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
            </tr> 
            <tr> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
                <td>Some Table Data</td> 
            </tr> 
        </table> 

        <p>Tested with:</p> 
        <ul> 
            <li>Mozilla 1.6, Firefox 0.8 (but does 


not hover the column)</li> 
            <li>Opera 7.5 (but does not hover the 


column)</li> 
            <li>Does <em>not</em> work with 


Internet Explorer 5.0, 6.0</li> 
        </ul> 


</body> 
</html>

Color Changing JavaScript



Color Changing JavaScript


Copy The Below JavaScript code in Notepad and save the file with .html extension. And You are Done. Open The file with browser and see the magic.


<html> 
<head> 
<title>Color Changing JavaScript</title> 
</head> 
<body id="x" onload="i=setInterval('x.bgColor=i++',9)"> 
</body> 
</html>

Wednesday 6 July 2011

How to Get Paid Writing Articles for the Web

Have you ever thought of spending the whole day or a couple of hours browsing and writing online, and then smiling to the bank afterwards? Well, writing for the web is one of the best ways to work flexibly online and earn payments for the job you do. You can write a couple of articles in your spare time and earn some cool money afterwards. So, my aim in this post is to tell you some of the best ways to make money online, writing articles for the web. After you read this, you should be on your way to getting started.

First, let me allay any fears you may have about writing. Writing articles for the web is great because it does not take much effort, even if you are not an expert. The average word limit used online is hardly more than 500 words. So, even if you are a slow writer, it won't take you more than an hour to get an article written.
Now, you can make money writing articles for the web in two ways - freelance writing and article marketing. Both are great, but you can choose which one works best for you and suits your lifestyle the most.

In freelance writing, you write an article for someone and get paid. There are many websites you can get writing tasks from. For example, Helium, Associated Content, Elance, Scriptlance, Freelancer and others. There are also other sites that pay you based on a revenue sharing method. You can as well make extra money from this site too each month, depending on how significant you write.

Secondly, you can make money through article marketing. Writing articles for the web in this way requires that you get paid for recommending products or services. For example, if you are an affiliate marketer selling phones for a company, you write about phones and post a link to the site where the individual can purchase the phone. If they end up buying the product, then you get paid a commission for the product. There are many websites that can help you make up to 75% in commission depending on the volume of sales made through your referral article.

These are just two great ways to make money writing articles for the web. There are so many other means to make money writing for the web. So, it is up to you to define where your passion lies. So, which of these two ways of writing do you prefer? I want to see your comments.

How To Upload Change Wordpress New Theme

How To Upload Change Wordpress New Theme