java

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>

http://www.htmlpoint.com/

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>

java

Documents