32.按钮的嵌入效果 input内定义onMouseOver 然后调用改变class

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html xmlns="http://www.w3.org/1999/xhtml" >
 5 <head>
 6 <title>标题页</title>
 7 <style type="text/css">
 8 .over {color:yellow; background: navy}
 9 .down {color:yellow; background: navy; font-style: italic}
10 </style>
11 </head>
12 <body>
13 <input 
14 type="Button"
15 onMouseOver="this.className='over';" 
16 onMouseOut="this.className='';" 
17 onMouseDown="this.className='down';" 
18 onMouseUp="this.className='over';" 
19 value="让按钮嵌入" 
20 onClick="this.value='嵌入成功！'" name="Button"> 
21 </body>
22 </html>

posted on 2017-02-27 22:57 Sharpest 阅读(223) 评论(0) 收藏举报