Bueno hace unos dias presente un duda a la cual aqui esta la respuesta que encontre uniendo un par de ejemplos que me encontre por alli..
bueno espero que todos les sirva..
[CODE]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Ejemplo</TITLE>
<SCRIPT LANGUAGE="JavaScript1.2">
//drag drop function for NS 4////
/////////////////////////////////
var dragswitch=0
var nsx
var nsy
var nstemp
function drag_dropns(name){
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)
}
//drag drop function for IE 4+////
/////////////////////////////////
var dragapproved=false
function drag_dropie(){
if (dragapproved==true){
document.all.point1.style.pixelLeft=tempx+event.cl ientX-iex
document.all.point1.style.pixelTop=tempy+event.cli entY-iey
return false
}
}
if (document.all){
document.onmouseup=new Function("dragapproved=false")
}
////drag drop functions end here//////
function hidebox(){
if (document.all)
point1.style.visibility="hidden"
else if (document.layers)
document.point1.visibility="hide"
}
</SCRIPT>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2734.1600" name=GENERATOR></HEAD>
<BODY leftMargin=0 background=TourMaya_archivos/sf_site.gif topMargin=0>
<CENTER>
</CENTER>
<META content=".: Tour Maya :." name=title>
<META
content="Tour Operator, travel, antigua guatemala, monterrico, tikal, centro america, viajes, travel, guatemala, atitlan, vacations, vacaciones, placer, estancia, viajar, dentro de guatemala, antigua, pana, panajachel, iximche, mayas, mayan world, web page, paginas web, "
name=keywords>
<META content=#>
<META content=all name=robots>
<META content=it name=language>
<META content="4D Design" name=author>
<META content=Global name=distribution>
<META content="Design and Web Site" name=classification>
<META http-equiv=reply-to
[email protected]><LINK
href="TourMaya_archivos/stile_e.css" type=text/css rel=stylesheet>
<DIV id=point1 style="VISIBILITY: visible; POSITION: absolute"><!--Configure the table below.-->
<TABLE borderColor=#bbbbbb cellSpacing=0 cellPadding=2 width=100 border=0><!--DWLayoutTable-->
<TBODY>
<TR>
<TD vAlign=top align=middle width=92 height=300><TABLE BORDER="0" WIDTH="100%" CELLSPACING="0" CELLPADDING="0" HEIGHT="36" BGCOLOR="#FFFFFF">
<TR>
<TD STYLE="cursor:move" WIDTH="100%"><B><FONT SIZE="-1" FACE="Verdana, arial, helvetica">Puedes poner un título</FONT></B></TD>
<TD STYLE="cursor:hand"><A HREF="#"ONMOUSEDOWN="hidebox();return false"><IMG SRC="../Mis%20documentos/XP%20PPL08_ico_2.gif" width="16" height="16" BORDER="0"></A></TD>
</TR>
<TR>
<TD WIDTH="100%" BGCOLOR="#C0C0C0" STYLE="padding:4px" COLSPAN="2"> <FONT SIZE="-1" FACE="Verdana, arial, helvetica">I también puedes poner textos, imágenes, enlaces...</FONT><BR>
<BR>
<FONT SIZE="-1" FACE="Verdana, arial, helvetica">Cualquier código HTML sirve.</FONT> </TD>
</TR>
</TABLE>
</TD>
</TR></TBODY></TABLE><!--DO NOT EDIT BELOW THIS LINE --></DIV>
<SCRIPT language=JavaScript1.2>
var XX=20; // X position of the scrolling objects
var xstep=1;
var delay_time=30;
//Begin of the unchangable area, please do not modify this area
var YY=0;
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}
function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.right=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.right=XX
document.getElementById("point1").style.top=YY+win dow.pageYOffset
}
}
function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}
if (ie||ns4||ns6)
window.onload=onad
</SCRIPT>
</BODY></HTML>