Difference between revisions of "AIM Class11"
esse quam videri
(→Introduction to Java script rollovers) |
|||
Line 4: | Line 4: | ||
Project 3 proposal due | Project 3 proposal due | ||
− | ==Introduction to | + | ==Introduction to JavaScript rollovers== |
− | + | From [http://www.w3.org/MarkUp/Guide/Advanced.html Dave Raggett's Advanced HTML] article: | |
− | + | <pre> | |
+ | <script type="text/javascript"> | ||
+ | if (document.images) | ||
+ | { | ||
+ | image1 = new Image; | ||
+ | image2 = new Image; | ||
+ | image1.src = "enter1.gif"; | ||
+ | image2.src = "enter2.gif"; | ||
+ | } | ||
+ | |||
+ | function chgImg(name, image) | ||
+ | { | ||
+ | if (document.images) | ||
+ | { | ||
+ | document[name].src = eval(image+".src"); | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | ... | ||
+ | |||
+ | <a href="/" onMouseOver='chgImg("enter", "image2")' | ||
+ | onMouseOut='chgImg("enter", "image1")'><img name="enter" | ||
+ | src="enter1.gif" border="0" alt="Enter if you dare!"></a> | ||
+ | <pre> | ||
==Intro to Image Ready Rollover== | ==Intro to Image Ready Rollover== |
Revision as of 23:56, 21 August 2006
view AIM Assignment 8: Reframing Content
Project 3 proposal due
Contents
Introduction to JavaScript rollovers
From Dave Raggett's Advanced HTML article:
<script type="text/javascript"> if (document.images) { image1 = new Image; image2 = new Image; image1.src = "enter1.gif"; image2.src = "enter2.gif"; } function chgImg(name, image) { if (document.images) { document[name].src = eval(image+".src"); } } </script> ... <a href="/" onMouseOver='chgImg("enter", "image2")' onMouseOut='chgImg("enter", "image1")'><img name="enter" src="enter1.gif" border="0" alt="Enter if you dare!"></a> <pre>Intro to Image Ready Rollover
TODO make Image ready rollover tutorial
Homework
Quiz: PE and Nielson readings
Reading
Pause and Effect: pgs. 60-69, 230-231
Jakob Nielson readings?