001鼠标移入移出——文本框显示/隐藏
2018-03-20 17:15
218 查看
<textarea readonly="readonly" name="code" class="HTML"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style> #div1{width:300px; height:100px; background:#CC9933; display:none;} </style> </head> <body> <input type="checkbox" onmouseover="show()" onmouseout="hide()"/>一周内免密登陆 <div id="div1"> 为了您的账户安全,请不要在网吧等公共场合点击该选项。 </div> <script> var box = document.getElementById("div1"); function show(){ box.style.display = "block"; } function hide(){ box.style.display = "none"; } </script> </body> </html> </textarea>
相关文章推荐
- 鼠标移入移出,样式修改,显示隐藏提示消息
- jQuery事件-div的显示隐藏及鼠标的移入移出http://www.cnblogs.com/liuyanmin/p/5146544.html
- checkbox下面的提示框 鼠标移入时显示,移出时隐藏
- js--鼠标移入移出小图片,显示隐藏大图片
- 鼠标移入显示,移出隐藏动态网页实现
- 鼠标移入显示一个菜单列表 移出隐藏
- jQuery事件-div的显示隐藏及鼠标的移入移出
- AngularJS如何实现鼠标移入显示,鼠标移出隐藏的效果
- jQuery事件-div的显示隐藏及鼠标的移入移出
- jQuery事件-div的显示隐藏及鼠标的移入移出
- AngularJS实现鼠标移入内容显示,鼠标移出内容隐藏
- Ext 中 对 grid cell 单元 鼠标移入移出显示隐藏弹窗
- 鼠标在导航栏移入移出的隐藏显示效果jquery
- 自己实现axure中鼠标移入时隐藏显示的弹出效果,并且实现智能管控隐藏效果,改良弹出效果
- 鼠标划过显示鼠标移出隐藏效果
- jquery鼠标移入移出变色和单击隐藏出现事件
- 鼠标移入就显示弹框,移出弹框就消失
- 文字溢出隐藏,鼠标移入显示
- (28)表格隔行变色,并且鼠标移入高亮显示,鼠标移出显示原来的颜色
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码