TutorialBlog: Rolloverbox

Primjer:

Kopiraj i zalijepi gdje zelis da se rolloverbox pojavi:

<form name="rolloverbox">
  <p><input type="checkbox" name="boxes" value="ON"><a href="http://tutorialzablog.blogspot.com/"
  onMouseover="rollovercheck(0)" onMouseout="rolloutcheck(0)">BlogTutorial</a><br>
  
<input type="checkbox" name="boxes" value="ON"><a
  href="https://www.google.com/" onMouseover="rollovercheck(1)"
  onMouseout="rolloutcheck(1)">google.com</a><br>
  
<input type="checkbox" name="boxes" value="ON"><a
  href="http://www.klix.ba/" onMouseover="rollovercheck(2)"
  onMouseout="rolloutcheck(2)">klix.ba</a><br>
  
<input type="checkbox" name="boxes" value="ON"><a
  href="http://photobucket.com/" onMouseover="rollovercheck(3)"
  onMouseout="rolloutcheck(3)">photobucket.com</a><br>
  
<input type="checkbox" name="boxes" value="ON"><a
  href="http://edition.cnn.com/" onMouseover="rollovercheck(4)"
  onMouseout="rolloutcheck(4)">CNN</a><br>
  
<input type="checkbox" name="boxes" value="ON"><a
  href="http://www.sport.ba/" onMouseover="rollovercheck(5)"
  onMouseout="rolloutcheck(5)">sport.ba</a></p>
</form>

/*Rollover check box link credit
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free scripts here!
*/

var thebox=document.rolloverbox
function rollovercheck(whichbox){
thebox.boxes[whichbox].checked=true
}

function rolloutcheck(whichbox){
thebox.boxes[whichbox].checked=false
}
</script>

TutorialBlog

subota, 23. ožujka 2013.

Rolloverbox

Nema komentara:

Objavi komentar