home *** CD-ROM | disk | FTP | other *** search
/ PC User 2005 May / CD / PCU0505CD.iso / software / full / coffecup / files / html2005.exe / %MAINDIR% / Javascript / MouseOverImageLinks.xml < prev    next >
Encoding:
Text File  |  2005-02-16  |  1.8 KB  |  67 lines
  1. <ccResource>
  2.   <ccTitle>
  3. MouseOver Image Links
  4.   </ccTitle>
  5.   <ccCategory>
  6. Images
  7.   </ccCategory>
  8.   <ccDescription>
  9. Start of Change Two Images on MouseOver
  10.   </ccDescription>
  11.   <ccInstructions>
  12.  
  13.   </ccInstructions>
  14.   <ccHeadContent>
  15.   <SCRIPT LANGUAGE="JavaScript">
  16.  
  17. <!-- Begin
  18. var ytext = new Image();
  19. var ylarge = new Image();
  20. var ctext = new Image();
  21. var clarge = new Image();
  22. var dtext = new Image();
  23. var dlarge = new Image();
  24.  
  25. ytext.src = "yahoo.jpg";
  26. ylarge.src = "yahoo2.jpg";
  27. ctext.src = "coffeecup.jpg";
  28. clarge.src = "coffeecup2.jpg";
  29. dtext.src = "download.jpg";
  30. dlarge.src = "download2.jpg";
  31.  
  32. function CC_Button(textimage, picimage) {
  33. document['text'].src=textimage;
  34. document['picture'].src=picimage;
  35. }
  36. //  End -->
  37. </script>
  38.   </ccHeadContent>
  39.   <ccBodyContent>
  40. <a href = "http://www.yahoo.com" onmouseover = "CC_Button('yahoo.jpg', 'yahoo2.jpg')" onmouseout = "CC_Button('blank.gif', 'blank.gif')">Yahoo</a><p>
  41.  
  42. <BR>
  43. <a href = "http://www.coffeecup.com" onmouseover = "CC_Button('coffeecup.jpg', 'coffeecup2.jpg')" onmouseout = "CC_Button('blank.gif', 'blank.gif')">CoffeeCup</a><p>
  44.  
  45. <BR>
  46. <a href = "http://www.download.com" onmouseover = "CC_Button('download.jpg', 'download2.jpg')" onmouseout = "CC_Button('blank.gif', 'blank.gif')">Download.com</a><p>
  47.  
  48. <BR>
  49. <I>This box below represents where the first image will be.  Remember to put BORDER=0 to get rid of the colored border around the image.<P>
  50. <img name=text src="blank.gif" width=100 height=100 border=2><P>
  51.  
  52.  
  53.  
  54. Here is where the second picture will appear.<P>
  55. <img name=picture src="blank.gif" width=100 height=100 border=2>
  56.  
  57.   </ccBodyContent>
  58.   <ccElementContent>
  59.   
  60.    <ccElementName></ccElementName>
  61.    <ccElementAction></ccElementAction>
  62.    
  63.   </ccElementContent>
  64.   <ccExtraData>
  65.  
  66.   </ccExtraData>
  67. </ccResource>