<textarea id="runcode89565"><Br/> <style>. inp_l1 ,. inp_l2, {Background: URL (http://www.jb51.net/images/bg_x.jpg) No-repeat }. inp_l1 {width: 67px; Height: 23px; Background-position:-4px-4px; Border: 0; color: #464646; line-Height: 23px }. inp_l2 {width: 67px; Height: 23px; Background-position:-4px-30px; Border: 0; color: #464646; line-height: 23px} </style> <p> <input type = "Submit" value = "login" class = "inp_l1" onmouseover = "this. classname = 'indium _ l2' "onmouseout =" this. classname = 'indium _ l1' "id =" input_btn1 "name =" enter. X "tabindex =" 4 "></textarea>
[Ctrl + A select all Note: If you need to introduce external JS, You need to refresh it to execute] <Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"> <br/> <style> ul, Li {list-style: none; float: Left;} body {font-size: 12px; line-Height: 1.6; font-family: verdana, "", Arial; text-align: center ;} # info Li {margin-left: 4px; margin-top: 15px; }# info a {display: block; text-align: center; padding-left: 15px; padding-top: 2px; padding-bottom: 1px; Background-image: URL (http://www.jb51.net/images/bg-2.GIF); background-repeat: No-Repeat; color: #000; width: 47px; cursor: hand; text-Decoration: none;} # job A: Link, # job A: visited {background-position:-62px 0px;} # eve A: Link, # Eve: visited {background-position:-124px 0px;} # oth A: Link, # oth A: visited {background-position:-186px 0px;} # Car A: hover, # Car A: active {background-position: 0px-22px; color: # fff ;}# job A: hover, # Car A: active {background-position: -62px-22px; color: # FFF;} # eve A: hover, # Car A: active {background-position:-124px-22px; color: # FFF ;} # oth A: hover, # Car A: active {background-position:-186px-22px; color: # FFF ;} </style> <ul> <li id = "car"> <span> <br/> game play </span> </LI> <li id = "job"> <span> <br/> entertainment </span> </LI> <li id = "Eve"> <span> <br/> food order </span> </ LI> <li id = "Oth"> <span> <br/> good fun </span> </LI> </ul> <p>