2. Try to move the mouse. When the mouse is not within the area of the picture, picture A remains the same. When the mouse is within the area of the picture, display picture B in place.
You can use the photo in
http://minstral.blogspot.tw/2013/06/blog-post.html
for picture A and the photo in
http://minstral.blogspot.tw/2013/05/blog-post_30.html
for picture B.
Hint: You may find the example useful.
Hint: If you have a problem displaying a picture on the browser, you can check out the example.
===================================
<html>
<body>
<img onmouseover="this.src='http://i19.photobucket.com/albums/b158/shongle/CUTE%20PET/pipi08a.jpg'" onmouseout="this.src='http://www.modern-senior.com/wp-content/uploads/2013/12/number-1-sign.jpg'"
src="http://www.modern-senior.com/wp-content/uploads/2013/12/number-1-sign.jpg" width="304" height="228">
<script>
</script>
</body>
</html>
<html>
<body>
<img onmouseover="this.src='http://i19.photobucket.com/albums/b158/shongle/CUTE%20PET/pipi08a.jpg'" onmouseout="this.src='http://www.modern-senior.com/wp-content/uploads/2013/12/number-1-sign.jpg'"
src="http://www.modern-senior.com/wp-content/uploads/2013/12/number-1-sign.jpg" width="304" height="228">
<script>
</script>
</body>
</html>
沒有留言:
張貼留言