Wavy Link Exchange banner - Source Code - JsMadeEasy.com

Metachecker.net

|

TrafficChecker.net

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Wavy Link Exchange banner

And you thought only a Java applet can make an image appear wavy. This script does the same job, on the LinkExchange Ad banner.


Insert into <HEAD>
<style TYPE="text/css"> #main {position:absolute; top:100px; left:100px;} #row1 {position:absolute; top:178px; left:100px; clip:rect(0,440,2,0);} #row2 {position:absolute; top:175px; left:100px; clip:rect(2,440,4,0);} #row3 {position:absolute; top:172px; left:100px; clip:rect(4,440,6,0);} #row4 {position:absolute; top:169px; left:100px; clip:rect(6,440,8,0);} #row5 {position:absolute; top:166px; left:100px; clip:rect(8,440,10,0);} #row6 {position:absolute; top:163px; left:100px; clip:rect(10,440,12,0);} #row7 {position:absolute; top:160px; left:100px; clip:rect(12,440,14,0);} #row8 {position:absolute; top:157px; left:100px; clip:rect(14,440,16,0);} #row9 {position:absolute; top:154px; left:100px; clip:rect(16,440,18,0);} #row10 {position:absolute; top:151px; left:100px; clip:rect(18,440,20,0);} #row11 {position:absolute; top:148px; left:100px; clip:rect(20,440,22,0);} #row12 {position:absolute; top:145px; left:100px; clip:rect(22,440,24,0);} #row13 {position:absolute; top:142px; left:100px; clip:rect(24,440,26,0);} #row14 {position:absolute; top:139px; left:100px; clip:rect(26,440,28,0);} #row15 {position:absolute; top:136px; left:100px; clip:rect(28,440,30,0);} #row16 {position:absolute; top:133px; left:100px; clip:rect(30,440,32,0);} #row17 {position:absolute; top:130px; left:100px; clip:rect(32,440,34,0);} #row18 {position:absolute; top:127px; left:100px; clip:rect(34,440,36,0);} #row19 {position:absolute; top:124px; left:100px; clip:rect(36,440,38,0);} #row20 {position:absolute; top:121px; left:100px; clip:rect(38,440,40,0);} #row21 {position:absolute; top:118px; left:100px; clip:rect(40,440,42,0);} #row22 {position:absolute; top:115px; left:100px; clip:rect(42,440,44,0);} #row23 {position:absolute; top:112px; left:100px; clip:rect(44,440,46,0);} #row24 {position:absolute; top:109px; left:100px; clip:rect(46,440,48,0);} #row25 {position:absolute; top:106px; left:100px; clip:rect(48,440,50,0);} #row26 {position:absolute; top:103px; left:100px; clip:rect(50,440,52,0);} #row27 {position:absolute; top:100px; left:100px; clip:rect(52,440,54,0);} #row28 {position:absolute; top:97px; left:100px; clip:rect(54,440,56,0);} #row29 {position:absolute; top:94px; left:100px; clip:rect(56,440,58,0);} #row30 {position:absolute; top:91px; left:100px; clip:rect(58,440,60,0);} #row31 {position:absolute; top:88px; left:100px; clip:rect(60,440,62,0);} #row32 {position:absolute; top:85px; left:100px; clip:rect(62,440,64,0);} #row33 {position:absolute; top:82px; left:100px; clip:rect(64,440,66,0);} #row34 {position:absolute; top:79px; left:100px; clip:rect(66,440,68,0);} #row35 {position:absolute; top:76px; left:100px; clip:rect(68,440,70,0);} #row36 {position:absolute; top:73px; left:100px; clip:rect(70,440,72,0);} #row37 {position:absolute; top:70px; left:100px; clip:rect(72,440,74,0);} #row38 {position:absolute; top:67px; left:100px; clip:rect(74,440,76,0);} #row39 {position:absolute; top:64px; left:100px; clip:rect(76,440,78,0);} #row40 {position:absolute; top:61px; left:100px; clip:rect(78,440,80,0);} </style>

Insert into <BODY>
<script Language="javascript"> <!-- if(document.layers){ document.write('<SPAN ID="main">'); document.write('<A HREF="http://ad.linkexchange.com/4/X116112/gotoad.map"><IMG SRC="http://ad.linkexchange.com/4/X116112/logoshowad?free" ISMAP ALT="Internet Link Exchange" BORDER="0" HEIGHT="40" WIDTH="440" ALIGN="BOTTOM"></A>'); document.write('</SPAN>'); for (var i = 1; i < 41; i++) { document.write('<SPAN ID="row'+i+'">'); document.write('<IMG SRC="http://ad.linkexchange.com/4/X116112/logoshowad?free" ALT="Internet Link Exchange" BORDER="0" HEIGHT="80" WIDTH="440" ALIGN="BOTTOM">'); document.write('</SPAN>'); } } //--></script> <script LANGUAGE="JavaScript"> <!-- rows=new Array(40); if(document.layers){ rows[1]=document.row1; rows[2]=document.row2; rows[3]=document.row3; rows[4]=document.row4; rows[5]=document.row5; rows[6]=document.row6; rows[7]=document.row7; rows[8]=document.row8; rows[9]=document.row9; rows[10]=document.row10; rows[11]=document.row11; rows[12]=document.row12; rows[13]=document.row13; rows[14]=document.row14; rows[15]=document.row15; rows[16]=document.row16; rows[17]=document.row17; rows[18]=document.row18; rows[19]=document.row19; rows[20]=document.row20; rows[21]=document.row21; rows[22]=document.row22; rows[23]=document.row23; rows[24]=document.row24; rows[25]=document.row25; rows[26]=document.row26; rows[27]=document.row27; rows[28]=document.row28; rows[29]=document.row29; rows[30]=document.row30; rows[31]=document.row31; rows[32]=document.row32; rows[33]=document.row33; rows[34]=document.row34; rows[35]=document.row35; rows[36]=document.row36; rows[37]=document.row37; rows[38]=document.row38; rows[39]=document.row39; rows[40]=document.row40;} //**************** //end of array init //**************** function ripple(t,b,ts,bs){ rows[t].moveBy(0,ts); rows[b].moveBy(0,bs); } var th=40; var bh=1; var ths=1; var bhs=-1; var good=true; while(good){ ripple(th,bh,ths,bhs); th-=1; bh+=1; if(th==20){ th=40; bh=1; if(ths==1){ ths=-1; bhs=1;} else{ ths=1; bhs=-1;}} } // --> </script>

Other Options