rollover links Als je meerdere rollovers op je lookup wilt verander je het cijfers van je tweede rollover in 2 en van je derde in 3 enz.. 1ste rollover:<style> #rollover1{width:150px;height:150px;overflow:hidden;display:block; background:url(plaatje) top left no-repeat} #rollover1:hover{background-position:bottom left} </style>2de rollover:<style> #rollover2{width:150px;height:150px;overflow:hidden;display:block; background:url(plaatje) top left no-repeat} #rollover2:hover{background-position:bottom left} </style> <a href=http://www.neopets.com id="rollover2"></a> Je moet dus drie cijfers veranderenGa met je muis over de plaatjes en ze zullen bewegen;)
<style> #rollover1{width:150px;height:150px;overflow:hidden;display:block; background:url(http://img460.imageshack.us/img460/5357/rollover1wq5.gif) top left no-repeat} #rollover1:hover{background-position:bottom left} </style> <a href=http://www.neopets.com id="rollover1"></a> <style> #rollover1{width:150px;height:150px;overflow:hidden;display:block; background:url(http://img252.imageshack.us/img252/2706/rollov2ersw3.gif) top left no-repeat} #rollover1:hover{background-position:bottom left} </style> <a href=http://www.neopets.com id="rollover1"></a> <style> #rollover1{width:150px;height:150px;overflow:hidden;display:block; background:url(http://img126.imageshack.us/img126/9402/rollover3ij7.gif) top left no-repeat} #rollover1:hover{background-position:bottom left} </style> <a href=http://www.neopets.com id="rollover1"></a> <style> #rollover1{width:150px;height:170px;overflow:hidden;display:block; background:url(http://img245.imageshack.us/img245/2027/rollover4ph0.gif) top left no-repeat} #rollover1:hover{background-position:bottom left} </style> <a href=http://www.neopets.com id="rollover1"></a> <style> #rollover1{width:150px;height:170px;overflow:hidden;display:block; background:url(http://img522.imageshack.us/img522/6913/rollover5iu4.gif) top left no-repeat} #rollover1:hover{background-position:bottom left} </style> <a href=http://www.neopets.com id="rollover1"></a> <style> #rollover1{width:150px;height:150px;overflow:hidden;display:block; background:url(http://img248.imageshack.us/img248/3908/rolllie1ua8.gif) top left no-repeat} #rollover1:hover{background-position:bottom left} </style> <a href=http://www.neopets.com id="rollover1"></a> <style> #rollover1{width:150px;height:150px;overflow:hidden;display:block; background:url(http://img516.imageshack.us/img516/2562/rolllie2pw2.gif) top left no-repeat} #rollover1:hover{background-position:bottom left} </style> <a href=http://www.neopets.com id="rollover1"></a> <style> #rollover1{width:150px;height:150px;overflow:hidden;display:block; background:url(http://img212.imageshack.us/img212/9200/rolllie3xi7.gif) top left no-repeat} #rollover1:hover{background-position:bottom left} </style> <a href=http://www.neopets.com id="rollover1"></a> <style> #rollover1{width:150px;height:150px;overflow:hidden;display:block; background:url(http://img502.imageshack.us/img502/6632/rolllie4td4.gif) top left no-repeat} #rollover1:hover{background-position:bottom left} </style> <a href=http://www.neopets.com id="rollover1"></a> <style> #rollover1{width:150px;height:150px;overflow:hidden;display:block; background:url(http://img370.imageshack.us/img370/5965/rolllie5wu1.gif) top left no-repeat} #rollover1:hover{background-position:bottom left} </style> <a href=http://www.neopets.com id="rollover1"></a>