代码:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'test.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <style type="text/css"> .id1 { width: 270px; height: 35px; background-color: teal; display: block; } .id2 { width: 270px; height: 70px; background-color: teal; line-height:35px; display: none; } .id3 { width: 270px; height: 70px; background-color: teal; line-height:35px; display: block; } </style> </head> <body> <script language="javascript"> function displayDiv1(){ var oDiv1=document.getElementById("id1"); var oDiv2=document.getElementById("id2"); oDiv1.className="id1"; oDiv2.className="id2"; } function displayDiv2(){ var oDiv2=document.getElementById("id2"); var oDiv1=document.getElementById("id1"); oDiv1.className="id2"; oDiv2.className="id3"; } </script> <div id="id1" class="id1" onmouseover="displayDiv2()"> 层一 </div> <div id="id2" class="id2" onmouseover="displayDiv2() onmouseout="displayDiv1()"> 层二 </div> </body> </html>
相关推荐
js鼠标浮动显示div,在鼠标移动至input后可显示div层中的内容
鼠标移动到div上弹出div或者信息,并且自适应显示位置;每一步代码都有详细的解释;简单,通俗易懂
纯css3实现鼠标移入div图片后按钮飞入动画效果,拿过来直接套用,帮你解决各种js特效难题!
js 实现 鼠标移入移出时颜色变化! 值得下载看看!资源免费,大家分享!!
主要为大家详细介绍了js实现鼠标滑动到某个div禁止滚动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了js实现鼠标移入移出卡片切换内容的具体代码,供大家参考,具体内容如下 案例动态效果图: html代码: <div class="sports-purple"> <div class="all"> <!-- 内容 --> <div class=...
网页上的某个区域,当鼠标移入时改变样式,鼠标移出时自动恢复样式,可以是一个图片的边框,也可以一段文字变色,掌握了原理,貌似可以做更加丰富生动的网页互动效果,这里主要是利用Js控制Hover标签所在的DIV产生...
鼠标经过出现DIV 层,层内鼠标移动显示按钮,一个很好的JS特效,欢迎下载
<!doctype html> <html> <head> ...meta charset="UTF-8">...CSS3 JS鼠标经过显示二维码和二级菜单特效... 这是一款比较简单实用的基于CSS3实现的鼠标经过显示二维码和二级菜单特效,CSS3鼠标悬停事件代码。
图片列表:鼠标移入/移出改变图片透明度 简易选项卡 简易JS年历 单一按钮显示/隐藏一播放列表收缩展开 提示框效果 鼠标移过,修改图片路径 复选框(checkbox)全选/全不选/返选 用typeof查看数据类型等很多
主要介绍了JS+CSS实现鼠标经过弹出一个DIV框的实现方法,带缓冲渐变动画效果,涉及鼠标事件的响应及结合时间函数定时触发形成动画渐变效果的相关技巧,需要的朋友可以参考下
(鼠标移入,滚动停止;鼠标移出,滚动继续) 实现原理 1. html结构:核心是ul > li,ul外层包裹着div。因为想要内容循环滚动无缝衔接,所以在原有ul后面还要有一个一样内容的ul。如下图: (红色边框为可视...
今天分享一个在 JavaScript中,实现一个鼠标移入可以随机变换颜色。 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title></title> <style> /* 这里定义...
本文实例为大家分享了JS实现京东查看商品点击放大的具体代码,供大家参考,具体内容如下 需求分析 鼠标移入,出现黄色的遮罩,和用来放大的盒子 鼠标移出,遮罩和放大的盒子消失 鼠标在小图片上面进行移动的时候...
主要介绍了js判断鼠标位置是否在某个div中的方法,涉及JavaScript针对鼠标事件的响应及页面元素属性操作相关技巧,需要的朋友可以参考下
效果描述: ... js可以判断鼠标从div的哪个方向移入移出,同时内部的滑块也会跟着移入移出 效果很不错,兼容性良好 使用方法: 1、将CSS样式引入到网页中 2、将index.html中的代码部分拷贝到你的网页中
轮播图简介:在一个网站的某一特定模块,通过电脑上鼠标点击或鼠标移入、手机上手指滑动后,可以分别展示不同的图片,这个模块就叫做轮播模块。 (做的不好的地方欢迎各位大佬批评指正,感觉有帮助的同学麻烦给颗...
主要介绍了js实现鼠标划过给div加透明度的方法,涉及javascript动态操作页面元素属性的相关技巧,该方法可兼容火狐与IE浏览器,需要的朋友可以参考下
网上大部分判断鼠标移入div移入移出都是使用一下方法: 这个方法确实十分奇特,使用起来十分方便。 后来自己看了一些文章,看到有另一种以斜率的方法来判断鼠标的移动方向。 上图是此方法的示意图,以浏览器左上角...
代码如下:function chkIn() { div_1.innerText = “现在你把鼠标移入层了!”; div_1.style.font = “normal black”; } function chkOut() { div_1.innerText = “现在你把鼠标移出层了!”; div_1.style....