menu

Back Forward

Free JavaScripts provided
by The JavaScript Source

Free Classified ads
by WHINNY

Free Classified ads
by WHINNY

<script type="text/javascript">

 

/***********************************************

* Translucent Slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/

 

var trans_width='140px' //slideshow width

var trans_height='225px' //slideshow height

var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var degree=10 //animation speed. Greater is faster.

 

var slideshowcontent=new Array()

//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]

slideshowcontent[0]=["photo1.jpg", "http://www.cnn.com", "_new"]

slideshowcontent[1]=["photo2.jpg", "", ""]

slideshowcontent[2]=["photo3.jpg", "http://www.google.com", ""]

 

 

////NO need to edit beyond here/////////////

 

var bgcolor='white'

 

var imageholder=new Array()

for (i=0;i<slideshowcontent.length;i++){

imageholder[i]=new Image()

imageholder[i].src=slideshowcontent[i][0]

}

 

var ie4=document.all

var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

 

if (ie4||dom)

document.write('<div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')

else if (document.layers){

document.write('<ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0>'+'<img src="'+slideshowcontent[0][0]+'"></layer></ilayer>')

}

 

var curpos=trans_width*(-1)

var curcanvas="canvas0"

var curindex=0

var nextindex=1

 

function getslidehtml(theslide){

var slidehtml=""

if (theslide[1]!="")

slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'

slidehtml+='<img src="'+theslide[0]+'" border="0">'

if (theslide[1]!="")

slidehtml+='</a>'

return slidehtml

}

 

function moveslide(){

if (curpos<0){

curpos=Math.min(curpos+degree,0)

tempobj.style.left=curpos+"px"

}

else{

clearInterval(dropslide)

if (crossobj.filters)

crossobj.filters.alpha.opacity=100

else if (crossobj.style.MozOpacity)

crossobj.style.MozOpacity=1

nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"

tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)

tempobj.innerHTML=getslidehtml(slideshowcontent[curindex])

nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0

setTimeout("rotateslide()",pause)

}

}

 

function rotateslide(){

if (ie4||dom){

resetit(curcanvas)

crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)

crossobj.style.zIndex++

if (crossobj.filters)

document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20

else if (crossobj.style.MozOpacity)

document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2

var temp='setInterval("moveslide()",50)'

dropslide=eval(temp)

curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"

}

else if (document.layers){

crossobj.document.write(getslidehtml(slideshowcontent[curindex]))

crossobj.document.close()

}

curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0

}

 

function jumptoslide(which){

curindex=which

rotateslide()

}

 

function resetit(what){

curpos=parseInt(trans_width)*(-1)

var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)

crossobj.style.left=curpos+"px"

}

 

function startit(){

crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub

if (ie4||dom){

crossobj.innerHTML=getslidehtml(slideshowcontent[curindex])

rotateslide()

}

else{

document.tickernsmain.visibility='show'

curindex++

setInterval("rotateslide()",pause)

}

}

 

if (window.addEventListener)

window.addEventListener("load", startit, false)

else if (window.attachEvent)

window.attachEvent("onload", startit)

else if (ie4||dom||document.layers)

window.onload=startit

 

</script>

 

<p align="center"><font face="arial" size="-2">This free script provided by</font><br>

<font face="arial, helvetica" size="-2"><a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>


<!-- TWO STEPS TO INSTALL PULLDOWN MENU:

 

   1.  Paste the coding into the HEAD of your HTML document

   2.  Add the last code into the BODY of your HTML document  -->

 

<!-- STEP ONE: Copy this code into the HEAD of your HTML document  -->

 

<HEAD>

 

<SCRIPT LANGUAGE="JavaScript">

 

<!-- Original: Alex Tu <boudha1@hotmail.com> -->

<!-- Web Site:  http://www.geocities.com/alex_2106 -->

 

<!-- Begin

function formHandler(form){

var URL = document.form.site.options[document.form.site.selectedIndex].value;

window.location.href = URL;

}

// End -->

</SCRIPT>

</HEAD>

 

<!-- STEP TWO: Paste this code into the BODY of your HTML document  -->

 

<BODY>

 

<center>

<form name="form">

<select name="site" size=1>

<option value="">Go to....

<option value="http://whinny.org/horsestacksale.htm">Classifieds

<option value="http://whinny.org/jobs.htm">Jobs

<option value="http://whinny.org/horse%20trailers">Trailers

<option value="http://whinny.org/trainersinstructors">Trainers/Instructors

<option value="http://whinny.org/stallion.htm">Stallions

<option value="http://whinny.org/feedandtack.htm">Tack & Feed

</select>

<input type=button value="Go!" onClick="javascript:formHandler(this)">

</form>

</center>

 

<p><center>

<font face="arial, helvetica" size="-2">Free Classified Ads<br>

by <a href="http://whinny.org">What's Horse In Northern New York</a></font>

</center><p>

 

<!-- Script Size:  1.20 KB  -->


<BODY><center><form name="form"><select name="site" size=1><option value="">Horses....<option value="http://whinny.org/horsestacksale.htm">Classifieds<option value="http://whinny.org/jobs.htm">Jobs<option value="http://whinny.org/horse%20trailers">Trailers<option value="http://whinny.org/trainersinstructors">Trainers/Instructors<option value="http://whinny.org/stallion.htm">Stallions<option value="http://whinny.org/feedandtack.htm">Tack & Feed</select><input type=button value="Go!" onClick="javascript:formHandler(this)"></form></center><p><center><font face="arial, helvetica" size="-2">Free Classified ads<br>by <a href="http://whinny.org">WHINNY</a></font></center><p><!-- Script Size:  1.20 KB  -->


CASCADING MENU

<!-- THREE STEPS TO INSTALL CASCADE MENU:

 

  1.  Copy the coding into the HEAD of your HTML document

  2.  Add the onLoad event handler into the BODY tag

  3.  Put the last coding into the BODY of your HTML document  -->

 

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

 

<HEAD>

 

<!-- This script and many more are available free online at -->

<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Original:  Arun kumar (n_arunk@hotmail.com) -->

 

<link href="CascadeMenu.css" rel="stylesheet">

<script language="javascript" src="CascadeMenu.js">

</script>

</HEAD>

 

<!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->

 

<BODY OnLoad="InitMenu()" Onclick="HideMenu(menuBar)" ID="Bdy" bgColor=aliceblue>

 

<!-- STEP THREE: Copy this code into the BODY of your HTML document  -->

 

<font color="#800080"><b>Sample Menu</b></font></p>

<DIV Id="menuBar" class="menuBar" >

    <DIV Id="Bar1" class="Bar"  menu="menu1">Menu #1</DIV>

    <DIV Id="Bar2" class="Bar"  menu="menu2">Menu #2</DIV>

    <DIV Id="Bar3" class="Bar"  menu="menu3">Menu #3</DIV>

    <DIV Id="Bar4" class="Bar"  menu="menu4">Menu #4</DIV>

</DIV>

<!--MenuItem Definition -->

<div Id="menu1" class="menu" >

   <div Id="menuItem1_1" class="menuItem"  menu="menu6">SubMenu #1</div>

   <div Id="menuItem1_2" class="menuItem" title="JavaScripts" cmd="http://javascript.internet.com/">JavaScript Source</div>

   <div Id="menuItem1_3" class="menuItem" title="WDVL" cmd="http://www.wdvl.com">WDVL</div>

</div>

<div Id="menu2" class="menu">

   <div Id="menuItem2_1" class="menuItem">Page #1</div>

   <div Id="menuItem2_2" class="menuItem">Page #2</div>

   <div Id="menuItem2_3" class="menuItem">Page #3</div>

</div>

<div Id="menu3" class="menu">

   <div Id="menuItem3_1" class="menuItem">Page #1</div>

   <div Id="menuItem3_2" class="menuItem">Page #2</div>

   <div Id="menuItem3_3" class="menuItem">Page #3</div>

   <div Id="menuItem3_4" class="menuItem" menu="menu5">SubMenu #4</div>

</div>

<div Id="menu4" class="menu">

   <div Id="menuItem4_1" class="menuItem">Page #1</div>

   <div Id="menuItem4_2" class="menuItem">Page #2</div>

   <div Id="menuItem4_3" class="menuItem">Page #3</div>

   <div Id="menuItem4_4" class="menuItem">Page #4</div>

</div>

<div id="menu5" class="menu">

    <div Id="menuItem5_1" class="menuItem">Page #4-1</div>

    <div Id="menuItem5_2" class="menuItem">Page #4-2</div>

    <div Id="menuItem5_3" class="menuItem">Page #4-3</div>

</div>

<div id="menu6" class="menu">

    <div Id="menuItem6_1" class="menuItem">Page #1-1</div>

    <div Id="menuItem6_2" class="menuItem">Page #1-2</div>

    <div Id="menuItem6_3" class="menuItem" menu="menu7">SubMenu #1-1</div>

</div>

<div id="menu7" class="menu">

    <div Id="menuItem7_1" class="menuItem">Page #1-1-1</div>

    <div Id="menuItem7_2" class="menuItem">Page #1-1-2</div>

    <div Id="menuItem7_3" class="menuItem">Page #1-1-3</div>

</div><!-- End of Menu -->

 

 

<p><center>

<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>

by <a href="http://javascriptsource.com">The JavaScript Source</a></font>

</center><p>

 

<!-- Script Size:  3.47 KB -->