- $(document).ready(function() {
- $("a img").({"display": "none"});
-
- $("a img").hover({"display": "block"});
- });
Hvis du gerne vil bruge Javascript, vil jeg råde dig til at bruge jQuery da det er langt nemmere at finde rundt i (syntes jeg).
Du skal huske at have et link tag i din html fil, hvor du henter en jquery.js fil.
Du kan også bare bruge Michael's eksempel
Dont whine når du poster sådanne og får minus i karma, det har jo aldrig virket nogen steder..
Styling bør foregå i CSS arket, funktionalitet i javascript
<script type="text/javascript">
$(document).ready(function () {
$("a").hover(
function () {
$(this).find("img").fadeIn(500)
},
function () {
$(this).find("img").fadeOut(500);
}
);
});
</script>
<style>
a
{
position: relative;
}
a img
{
display: none;
position: absolute;
top: 10px;
left: 10px;
}
</style>
(med udgangspunkt i Michaels fungerende CSS, og markup)
Indlæg senest redigeret d. 07.11.2011 15:02 af Bruger #5789