<html>
<head>
<title>Div example</title>
</head>
<body>
<script type="text/javascript" language="JavaScript" >
function changeDivImage(id, to_image){
document.getElementById(id).style.backgroundImage = "url(../download/css/" + to_image + ")";
}
</script>
<style type="text/css">
.container {
float: left;
width: 200px;
clear: left;
}
.arrow {
background-image:url("../download/css/arrow_blue_9px.gif");
background-repeat: no-repeat;
background-position: 0px 2px;
width: 12px;
float: left;
}
.link {
float: left;
width: 180px;
}
</style>
<div class="container">
<div class="arrow" id="num1"> </div>
<div class="link">
<a href="https://www.mobilefish.com" onmouseover="javascript: changeDivImage('num1', 'arrow_black_9px.gif');" onmouseout="javascript:changeDivImage('num1', 'arrow_blue_9px.gif');" target="_top">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a>
</div>
</div>
<div class="container">
<div class="arrow" id="num2"> </div>
<div class="link">
<a href="https://www.mobilefish.com" onmouseover="javascript: changeDivImage('num2', 'arrow_black_9px.gif');" onmouseout="javascript:changeDivImage('num2', 'arrow_blue_9px.gif');" target="_top">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a>
</div>
</div>
</body>
</html>