Thanks for all, who are involved in this.
Finally i got some code, its solving my problem. Below the code
Just add this code in u r page or u can make a supparate page and give include file which page u want.
<SCRIPT type=text/javascript>
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
var dragswitch=0
var nsx
var nsy
var nstemp
function drag_dropns(name){
if (!ns4)
return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}
function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}
function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}
function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+"px"
crossobj.style.top=tempy+e.clientY-offsety+"px"
return false
}
}
function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"
while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}
if (firedobj.id=="dragbar"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY
tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)
dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmouseup=new Function("dragapproved=false")
function hidebox(){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}
</SCRIPT>
</HEAD>
<style type="text/css">
<!--
body,td,th {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style><BODY>
<DIV id=showimage
style="WIDTH:; POSITION: absolute; left: 300px; top: 250px; width: 336px;">
<TABLE cellSpacing=0 cellPadding=0 width=359 bgColor=#000080 border=0>
<TR>
<TD width="355" bgcolor="#FFFFFF"><TABLE width="100%" height=83 border=1 cellPadding=2 cellSpacing=0 bordercolor="#000000">
<TR>
<TD width="95%" bgcolor="#FF0000" class="sitehdlink" id=dragbar
style="CURSOR: pointer" onmousedown=initializedrag(event)>FocusMT Announcement</TD>
<TD width="5%" bgcolor="#FF0000" style="CURSOR: hand"><A onClick="hidebox();return false"
href="#"><IMG src=images/anounceclose.gif height=14 width=16 border=0></A></TD>
</TR>
<TR valign="top">
<TD height="61" colSpan=2 bgColor=#ffffff style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px"><table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr bgcolor="#FFFFE8">
<td colspan="2" class="blkbold">New Policies Uploaded</td>
</tr>
<tr>
<td width="177" height="5" colspan="1"></td>
</tr>
<tr>
<td colspan="1"><table width="100%" border="0" align="center" cellpadding="2" cellspacing="0">
<tr>
<td width="6%" class="maincont">1.</td>
<td width="94%"><a href="sitemap.aspx" class="bodylink">Policy One</a></td>
</tr>
<tr>
<td class="maincont">2. </td>
<td><a href="sitemap.aspx" class="bodylink">Policy Two</a></td>
</tr>
<tr>
<td class="maincont">3.</td>
<td><a href="sitemap.aspx" class="bodylink">Policy One</a></td>
</tr>
<tr>
<td class="maincont">4. </td>
<td><a href="sitemap.aspx" class="bodylink">Policy Two</a></td>
</tr>
<tr>
<td height="5"></td>
<td height="5"></td>
</tr>
</table></td>
</tr>
</table></TD>
</TR>
</TABLE>
Marked Solved 
Offline 
