[ Du er her : Eksperten : Spørgsmål & Svar : Programmering :: (D)HTML :: CSS :: Baggrundsbillede som link : ] ... Der skal javascript til, du kan ikke gøre det alene via. css Her er lige et eksempel på noget tracking af musens position ...
- Hvis nedenstående kan bruges tager du teksten mellem
<script type="text/javascript"> og </script> og ligger ind i f.eks. bgimgtrackclick.js
og så bruger du denne korte src definering i head sektionen på alle dine sider:
<script type="text/javascript" src="bgimgtrackclick.js"></script>
- Husk at rette baggrunden og placerings variablerne i scriptet (x1,x2,y1,y2)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<style type="text/css">
body { background-color: #009900;
background-image: url("
http://www.eksperten.dk/img/elogo.png");
background-repeat: no-repeat;
background-position: 70px 0px
}
</style>
<script type="text/javascript">
var lp={
"x1":70, //venstre px kant
"x2":169, //højre px kant
"y1":0, //top px kant
"y2":110 //bund px kant
};
var mchk=false;
var IE=((document.all) && (navigator.userAgent.indexOf('Opera')== -1));
if(!IE)document.captureEvents(Event.mousemove);
document.onmousemove=function (e){
if(IE){
dmcst=(tmenu=document.documentElement.scrollTop)?tmenu:document.body.scrollTop;
dmcsl=(lmenu=document.documentElement.scrollLeft)?lmenu:document.body.scrollLeft;
dmcy=event.clientY+dmcst;dmcx=event.clientX+dmcsl;
}else{dmcy=e.pageY;dmcx=e.pageX;}
mchk=(dmcy<=lp.y2&&dmcy>=lp.y1&&dmcx<=lp.x2&&dmcx>=lp.x1);
document.body.style.cursor=(mchk)?"pointer":"auto";
}
document.onclick=function(){
if(mchk)window.location.href="
http://www.eksperten.dk";}
</script>
</head><body><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></body></html>
...
...
Siger pænt godnat til hmm10 og bluesnix :)