java
DESCRIPTION
TRANSCRIPT
1º IMÁGENES EN MOVIMIENTO <SCRIPT LANGUAGE="JavaScript">
var curElement; function doMouseMove() { var newleft=0, newTop = 0 if ((event.button==1) && (curElement!=null)) { newleft=event.clientX-document.all.OuterDiv.offsetLeft-
(curElement.offsetWidth/2) if (newleft<0) newleft=0 curElement.style.pixelLeft= newleft newtop=event.clientY -document.all.OuterDiv.offsetTop-
(curElement.offsetHeight/2) if (newtop<0) newtop=0 curElement.style.pixelTop= newtop event.returnValue = false event.cancelBubble = true } }
function doDragStart() { // Don't do default drag operation. if ("IMG"==event.srcElement.tagName) event.returnValue=false; } function doMouseDown() { if ((event.button==1) &&
(event.srcElement.tagName=="IMG")) curElement = event.srcElement } document.ondragstart = doDragStart; document.onmousedown = doMouseDown; document.onmousemove = doMouseMove; document.onmouseup = new Function("curElement=null") </SCRIPT> <SCRIPT FOR="MovingPictures" EVENT="onmousedown"
LANGUAGE="JavaScript">
event.cancelBubble=true</SCRIPT></HEAD>
<BODY bgcolor="white"> <DIV id=OuterDiv
style="position:relative;width:100%;height:250"> <img ID="Pic1"
STYLE="position:relative;TOP:80pt;LEFT:0pt;WIDTH:150;HEIGHT:50;Z-INDEX:22;" src="html_point_3kb.gif">
</DIV> </body> </html>
2º TEXTO DINAMICO
<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE> <script language="JavaScript"> <!-- // By Jari Aarniala [[email protected]]
if(navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) >= 4){ ie4 = true; } else { ie4 = false; } function changeColor(){ if(ie4){
what = window.event.srcElement; if(what.className == "link"){ if(what.style.color == "green"){ what.style.color = "lime"; } else { what.style.color = "green"; } } else {} } } document.onmouseover = changeColor; document.onmouseout = changeColor;
// --> </script>
</HEAD> <BODY bgcolor="white"> <a href="http://www.htmlpoint.com" style="color: green; text-
decoration: none; font-family: Verdana, Arial; font-weight: 700"
class="link">HTMLpoint</a>
</body> </html>
HTML POINT
HTMLPOINT
3º IMÁGENES CON ONMOUSEOVER
<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE> <script language="JavaScript">
//This script changes the graphic on mouse over and a graphic in //another part of the screen
{ alt0 = new Image(); alt0.src = "white.jpg";
alt1 = new Image(); alt1.src = "java97_a.jpg";
alt2 = new Image(); alt2.src = "java97.jpg";
</script>
graphic1= new Image(); graphic1.src = "but1.gif"; graphic1on = new Image(); graphic1on.src = "but1b.gif";
graphic2= new Image(); graphic2.src = "but2.gif"; graphic2on = new Image(); graphic2on.src = "but2b.gif"; } function
imageChange(imageID,imageName,imageID2,imageName2) {
{ document.images[imageID].src = eval(imageName + ".src"); document.images[imageID2].src = eval(imageName2 +
".src"); }
}
</HEAD>
<BODY bgcolor="white">
<TABLE> <TR> <TD> <A HREF="mylink"
ONMOUSEOVER="imageChange('global','alt1','one','graphic1on')" ONMOUSEOUT="imageChange('global','alt0','one','graphic1')">
<IMG SRC="but1.gif" BORDER="0" NAME="one"><BR><BR>
<A HREF="mylink" ONMOUSEOVER="imageChange('global','alt2','two','graphic2on')" ONMOUSEOUT="imageChange('global','alt0','two','graphic2')">
<IMG SRC="but2.gif" BORDER="0" NAME="two">
</TD>
<TD><IMG SRC="white.jpg" WIDTH="144" HEIGHT="127" NAME="global" >
</TD></TR></TABLE>
</body></html>