<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
//在鼠标显示一个层，该层的内空为div2的内容
function showTip(){
var div3 = document.getElementById('div3'); //将要弹出的层
div3.style.display="block"; //div3初始状态是不可见的，设置可为可见
//window.event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状.
//clientX是鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
div3.style.left=event.clientX+10; //鼠标目前在X轴上的位置，加10是为了向右边移动10个px方便看到内容
div3.style.top=event.clientY+5;
div3.style.position="absolute"; //必须指定这个属性，否则div3层无法跟着鼠标动
var div2 =document.getElementById('div2');
div3.innerText=div2.innerHTML;
}
//关闭层div3的显示
function closeTip(){
var div3 = document.getElementById('div3');
div3.style.display="none";
}
//控制层div2显示的开关
function switchDIV(){
if(div2.style.display=='block'){
div2.style.display='none';
}
else{
div2.style.display='block';
}
}
</script>
</HEAD>
<BODY>
<a href="#" onmousemove="showTip()" onmouseout="closeTip()" onclick="switchDIV()">链接</a>
<div id="div2" style="display:none;background-color:green">
我是在div2里面的一句话!eeeeeerrrrrrrrrrrrrrr,wwwwwwwwwwww，ewewewewewewewrewrwerwerwerwerewrewrw,werwerwer
</div>
<div id="div3" style="display:none;background-color :pink;width:250;height:50">
</div>
</BODY>
</HTML>
分享到：
相关推荐
**jQuery图片点击弹出遮罩层标记注释特效详解** jQuery是一个广泛应用于Web开发的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。在这个项目中，我们讨论的是如何利用jQuery实现一种...
整理好`div`特效的代码结构，使用注释明确各部分功能，便于后期的维护和扩展。 综上所述，“很多，很强的DIV特效”这个资源包是一份宝贵的网页设计素材，包含了大量的`div`特效实例，无论是对于提升个人技能还是...
压缩包内的文件"codesc.net"可能是源代码文件或者相关的文档，包含了实现这一特效的具体代码和可能的注释。对于想要学习或者使用这个特效的人来说，通过分析这些代码可以了解到如何创建自定义滚动条，如何使用...
在这个项目中，你可以找到名为“20140915相册翻页效果div+css+jquery特效”的压缩包文件，其中包含了实现相册翻页效果的所有源代码。通过对这些文件的学习和实践，你可以深入理解如何结合使用HTML、CSS和jQuery来...
在JavaScript的世界里，"js划词弹出模态div特效"是一种常见的用户交互设计，它提高了网站的用户体验和互动性。这种技术的核心在于利用JavaScript监听用户的鼠标动作，当用户在网页上选择（划词）文本时，会触发一个...
《gallery重叠特效源码与注释解析》 在当今的网页设计中，视觉效果的创新和用户体验的提升是至关重要的。"gallery重叠特效源码+注释.rar" 文件提供了一个独特的图库展示方式，它利用重叠的元素创造出引人入胜的交互...
这个压缩包“gallery重叠特效源码+注释.zip”很可能包含了一套实现这种效果的代码，以及对代码的详细注释，帮助开发者理解和使用。 首先，我们要理解什么是Gallery。在Web开发中，Gallery通常指的是用于展示图片或...
3. **CSS3特效**: 源码可能包含CSS3的新特性，如阴影、渐变、动画、过渡等，这些特效能够提升网页的互动性和视觉吸引力。 4. **响应式设计**: 这些实例很可能采用了媒体查询（Media Queries）来实现响应式设计，...
**jQuery Slider特效详解** 在网页设计中，滑块（slider）是一种常见的交互元素，用于展示多张图片或信息，以动态、美观的方式呈现内容。jQuery是一个轻量级、功能强大的JavaScript库，它使得创建滑块特效变得更加...
学习者将通过实践一个招聘网站的特效制作，掌握如何运用DIV+CSS技术来创建吸引人的用户界面，包括响应式设计、交互元素以及动态效果等。 在网页设计中，`<div>`元素是一个无语义的块级元素，通常用于组合其他HTML...
9. **头部设计**：网站头部通常包含Logo和导航条，设计时要考虑其视觉效果和交互性，如按钮特效。 10. **页脚设置**：页脚包含版权信息和其他链接，通过CSS调整其位置和样式。 11. **导航条制作**：导航条是网站的...
对于IE6，由于其不支持CSS的`:hover`伪类应用在非链接元素上，我们需要引入条件注释或者使用JavaScript/jQuery来模拟这个功能。例如： ```html <!--[if lt IE 7]> document.createElement('div'); <![endif]--> ...
`大头网.txt`和`大头网.url`可能是开发者留下的注释或链接信息。 总结来说，"jquery鼠标经过闪光出现标题特效"是一种通过jQuery和CSS实现的交互式网页设计技术，它可以增强用户与网页内容的互动，提升网站的吸引力...
特别是针对IE浏览器的显示问题，可能需要使用特定的CSS hack或者条件注释来确保样式在所有浏览器中正确显示。例如，处理IE特有的浮动问题、边距问题等。 10. **网页头部和底部设计**： 头部一般包含网站Logo和...
因此，在编写代码时，需要使用条件注释或工具如Autoprefixer来添加必要的浏览器前缀，或者提供降级方案，确保在广泛使用的浏览器上都能正常显示。 6. **响应式设计**：考虑到不同的设备和屏幕尺寸，蛇形时间轴可能...
本资源提供了针对ASP.NET网页的个性化特效布局代码，包括JavaScript和CSS的运用，旨在实现类似Google的拖拽功能以及CSS的DIV布局。 首先，"asp.net+javascript+css(模仿Google的拖拽的个性网页布局.txt"这个文件...
8. **可维护性和扩展性**：在编写代码时，保持良好的模块化和注释，便于后续修改和复用。可以考虑将涟漪特效封装成一个自定义组件，这样在其他项目中也能轻松应用。 总结，"点击出现不同颜色涟漪特效"是一个结合了...
总结来说，实现“最小高度能自适应高度IE.FF全兼容的div设置”涉及理解并熟练运用CSS的`min-height`属性，以及掌握各种跨浏览器兼容性策略，如条件注释、CSS Hack、Flexbox、CSS Grid以及JavaScript/jQuery的解决...
在倒计时特效中，HTML元素，如`<div>`或`<span>`，会被用来包含倒计时的数字，并通过CSS类进行样式化。可能还会使用`<title>`标签来设置网页标题，以及`<script>`标签来引入jQuery库和自定义JavaScript代码。 4. **...