通过鼠标的移动来实现层的隐藏与显示
2014-12-02 09:46
288 查看
<html> <head> <title>Style Test</title> <script type="text/javascript" language="javascript"> function showTip(){ var oDiv=document.getElementById("divTip1"); oDiv.style.visibility="visible"; } function hideTip(){ var oDiv=document.getElementById("divTip1"); oDiv.style.visibility="hidden"; } </script> </head> <body> <p>Move your mouse over the red square</p> <div id="div1" style="background-color:red;height:50px;width:50px" onmouseover="showTip()" onmouseout="hideTip()"> </div> <div id="divTip1" style="background-color:green;position:absolute;visibility:hidden;padding:50px"> <span style="font-weight:bold">Custom Tooltip</span><br /> More details can go here. </div> </body></html>
相关文章推荐
- Windows CE: 通过Application实现对鼠标光标的隐藏和显示的控制
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字 .
- css实现 : 鼠标移动上去显示div,移开隐藏div
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- jQuery实现网易相册鼠标移动显示隐藏效果
- jquery实现跟随鼠标移动显示页面信息
- jquery bt 气泡实现悬停显示,移动开隐藏效果
- 鼠标移动到指定位置显示网页内容,鼠标移出隐藏
- JS实现鼠标移动到缩略图显示大图的图片放大效果
- 隐藏文件夹无法通过菜单工具更改设置实现显示,网络被阻塞的解决方案
- (源码实例)通过层DIV实现,当鼠标放在链接上面,显示图片及文字 - 流星絮语 JAVA学习笔记 - CSDNBlog
- 通过js选择按钮实现一个内容隐藏另一个内容显示
- JS实现鼠标移动到缩略图显示大图的图片放大效果
- JQuery实现鼠标点击文本框显示隐藏提示文本
- GridView实现鼠标移动是,动态显示‘编辑、删除、查看’等命令按钮
- js+css样式表实现鼠标移动变换显示内容效果
- 移动鼠标显示隐藏透明层的脚本代码
- 图片上传生成缩略图,并使用JQuery实现鼠标移动到缩略图显示相应的大图的例子