码迷,mamicode.com
首页 > Web开发 > 详细

【jQuery】鼠标接触按钮后改变图片

时间:2015-06-15 23:43:25      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:

 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 3 <%
 4 String path = request.getContextPath();
 5 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 6 %>
 7 
 8 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 9 <html>
10   <head>
11     <base href="<%=basePath%>">
12     
13     <title>My JSP ‘jsp2.jsp‘ starting page</title>
14     
15     <meta http-equiv="pragma" content="no-cache">
16     <meta http-equiv="cache-control" content="no-cache">
17     <meta http-equiv="expires" content="0">    
18     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
19     <meta http-equiv="description" content="This is my page">
20     <!--
21     <link rel="stylesheet" type="text/css" href="styles.css">
22     -->
23 <script type="text/javascript" src="<c:url value=‘/jquery-1.5.1.js‘/>"></script><!-- 标签,需导入c标签库 -->
24 <script type="text/javascript">
25     $(function(){
26         $("#d1").hover(
27             function(){//鼠标进入元素时
28                 $("#d1").text("1");
29             },
30             function(){//鼠标离开元素时
31                 $("#d1").text("2");
32             }
33         )    
34     });
35 
36 </script>
37 <style type="text/css">
38 .xxx{
39     border: 1px solid red;
40     width: 100px;
41     height: 100px;
42 }
43 </style>
44   </head>
45   
46   <body>
47     This is my JSP page. <br>
48     <div id="d1" class="xxx">nihao</div>
49   </body>
50 </html>

 

【jQuery】鼠标接触按钮后改变图片

标签:

原文地址:http://www.cnblogs.com/zhengbin/p/4579337.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!