<p>I am having a Html hyperlink. I need to link this hyperlink to another page.When I place the mouse over the link. It should show the image.
how to do this</p>

you can do this using javascript..
This will create a square that follows your mouse on div or element hover.
Create a .js file with those contents here:
```
```
var WindowVisible = null;
function WindowShow() { 
    this.bind = function(obj,url,height,width) {
        obj.url = url;
        obj.mheight = height;
        obj.mwidth = width;
        obj.onmouseover = function(e) {
            if (WindowVisible == null) {
                if (!e) e = window.event;
                var tmp = document.createElement("div");
                tmp.style.position = 'absolute';
                tmp.style.top = parseInt(e.clientY + 15) + 'px';
                tmp.style.left = parseInt(e.clientX + 15) + 'px';
                    var iframe = document.createElement('iframe');
                    iframe.src = this.url;
                    iframe.style.border = '0px';
                    iframe.style.height = parseInt(this.mheight)+'px';
                    iframe.style.width = parseInt(this.mwidth)+'px';
                    iframe.style.position = 'absolute';
                    iframe.style.top = '0px';
                    iframe.style.left = '0px';
                tmp.appendChild(iframe);
                tmp.style.display = 'none';
                WindowVisible = tmp;
                document.body.appendChild(tmp);
                tmp.style.height = parseInt(this.mheight) + 'px';
                tmp.style.width = parseInt(this.mwidth) + 'px';
                tmp.style.display = 'block';
            }
        }
        obj.onmouseout = function() {
            if (WindowVisible != null) {
                document.body.removeChild(WindowVisible);
                WindowVisible = null;
            }
        }
        obj.onmousemove = function(e) {
            if (!e) e = window.event;
            WindowVisible.style.top = parseInt(e.clientY + 15) + 'px';
            WindowVisible.style.left = parseInt(e.clientX + 15) + 'px';
        }
    }
}
```
```
Then in your html do the following:
Include the .js file
```
<script type="text/javascript" src="myfile.js"></script>
```
Put in your web page:
```
```
<script type="text/javascript">
            var asd = new WindowShow();
            asd.bind(document.getElementById('go1'),'IMAGE URL HERE!',400,480);
</script>
```
```
Here is a full implementation in a HTML:
```
```
<html>
<head>
    <title>test page</title>
    <style>
        div.block { width: 300px; height: 300px; background-color: red; }
        iframe { border: 0px; padding: 0px; margin: 0px; }
    </style>
    <script type="text/javascript" src="window_show.js"></script>
</head>
<body>
    <div id="go1" style="background-color: red; width: 200px; height: 200px;"></div>

    <script type="text/javascript">
        var asd = new WindowShow();
        asd.bind(document.getElementById('go1'),'IMAGE URL HERE!',400,480);
    </script>
</body>
```
```
bye bye!