Induction how to make animated mouse menu
Related Tags:
You want to produce this effect, the first to produce the same good size, the effect of two different picture (for a first, and then copy from another, then for other effects, this can guarantee fully consistent picture).
Then the following Javascript code into the html <head> </ head> between <script language = "JavaScript">
/ / Author: Alone ^ _ ^;
/ / Date: 08.26.98
/ / Hide from non-javascript compatible browser
J = document.images;
If (j)
(
Button00 = new Image (); button00.src ="../ images/2.gif ";
Button001 = new Image (); button001.src ="../ images/21.gif ";
Button01 = new Image (); button01.src ="../ images/3.gif ";
Button011 = new Image (); button011.src ="../ images/31.gif ";
Button02 = new Image (); button02.src ="../ images/4.gif ";
Button021 = new Image (); button021.src ="../ images/41.gif ";
Button03 = new Image (); button03.src ="../ images/5.gif ";
Button031 = new Image (); button031.src ="../ images/51.gif ";
Button04 = new Image (); button04.src ="../ images/6.gif ";
Button041 = new Image (); button041.src ="../ images/61.gif ";
)
Function img_act (p)
(If (j) (on = eval (p "1.src");
Document [p]. Src = on;)
)
Function img_inact (p)
(If (j) (off = eval (p. "Src");
Document [p]. Src = off;
)
)
/ / --></ Script>
Can be only one similar to the ".. / images/2.gif" the statement was revised to your picture name and path name, not to other changes. Add the following code then <body> </ body> between:
<table Border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td Width="100%" bgcolor="#000000"> <p align="center"> <a href ="../ frontpage.htm "onmouseover =" img_act ( 'button00') "onmouseout =" img_inact ( 'button00')">< img src ="../ images/2.gif "name =" button00 "alt =" Frontpage Collection "border =" 0 "WIDTH =" 130 "HEIGHT =" 25 "> </ a > </ td>
</ Tr>
<tr>
<td Width="100%" bgcolor="#000000"> <p align="center"> <a href ="../ photoshop.htm "onmouseover =" img_act ( 'button01') "onmouseout =" img_inact ( 'button01')">< img src ="../ images/3.gif "alt =" Photoshop point eyes "name =" button01 "border =" 0 "WIDTH =" 130 "HEIGHT =" 25 "> </ a > </ td>
</ Tr>
<tr>
<td Width="100%" bgcolor="#000000"> <p align="center"> <a href ="../ javas.htm "onmouseover =" img_act ( 'button02') "onmouseout =" img_inact ( 'button02')">< img src ="../ images/4.gif "name =" button02 "alt =" javascript Supermarket "border =" 0 "WIDTH =" 130 "HEIGHT =" 25 "> </ a > </ td>
</ Tr>
<tr>
<td Width="100%" bgcolor="#000000"> <p align="center"> <a href ="../ cgi.htm "onmouseover =" img_act ( 'button03') "onmouseout =" img_inact ( 'button03')">< img src ="../ images/5.gif "name =" button03 "alt =" CGI & perl hieroglyphics "border =" 0 "WIDTH =" 130 "HEIGHT =" 25 "> </ a > </ td>
</ Tr>
<tr>
<td Width="100%" bgcolor="#000000"> <p align="center"> <a href ="../ homepage.htm "onmouseover =" img_act ( 'button04') "onmouseout =" img_inact ( 'button04')">< img src ="../ images/6.gif "name =" button04 "alt =" Homepage skills, "border =" 0 "WIDTH =" 130 "HEIGHT =" 25 "> </ a > </ td>
</ Tr>
</ Table>
Which will be similar to <a href ="../ frontpage.htm> phrase you need to link to the file name; img src ="../ images/6.gif similar to the phrase "change your name and path of picture ; similar Width = "130" Height = "25" the statement read your picture wide and high.
- Pure css menu generator
- CSS menu: horizontal menu effect blazing
- Microsoft CSS style horizontal menu
- Transparence css menu on how to make transparent CSS menu
- A good CSS menu
- CSS achieve unlimited-class menu
- CSS produced by Apple Dock Menu
- DIV CSS a tree menu
- CSS menu: CSS Gudongmen technology from the menu a 10
- CSS static pages of the menu tree
- Making horizontal menu with CSS
- CSS drop-down menu
- How CSS produced horizontal menu?
- Making hidden menu with CSS
- Transparent (transparence) CSS menu
- + CSS DIV a tree menu
- Fully realized with the CSS navigation menu
- CSS menu design tool
- CSS achieved bilingual navigation menu
- CSS + JavaScript create cool Menu
The first: [reproduced] What is Web2.0
Original: http://www.discloser.net/html/182336, 75715500.html What is WEB2.0? Weekend to the Internet Society organizations WEB2.0 discussions. Inspired many, many gains, summed up this: What is WEB2.0? To understand WEB2.0, come look at...
Flash of how open the button in the local video
Many people have asked this question (of course, also be a part Shanba members), so I intend to write a guide, we hope to resolve their difficulties. Your questions about the meaning of: local, how Flash, through a point button with video player opened a video (such as RM movie) here involve...
Classical Album Flash source files - navigation chapter _ Korean navigation
If we say that in front of a series of source files is an example of the technology, then the next is an example of the art of the Korean site has left us with a deep impression, in particular the flash navigation, simple atmosphere, color and light switch smoothly. In fact, ca...
Dreamweaver MX 2004 Flash Element
Today, we are to look at the Dreamweaver MX 2004 with the use of Flash Element in the new features. Dreamweaver MX 2004 version has been added Flash Element function, which makes the Dreamweaver and Flash related more closely. Flash Element Is this what special?&nbs...
Achieve dual phase with the CSS form
[Code] <html> <body> <style> . DoubleColorTable tr (background-color: expression ( "# FFFFFF # EEEEEE." Split (",")[ rowIndex% 2])) </ Style> <table Width="70%" border="1" cellpaddi...