博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js初学笔记(一)
阅读量:4286 次
发布时间:2019-05-27

本文共 999 字,大约阅读时间需要 3 分钟。

鼠标提示框--js特效

鼠标移入input上的时候,让div1显示

鼠标移出input的时候,让div1隐藏
  div1显示
      div1的display变成block
---------------------------------------------------------------------
事件:用户操作
onclick    //点击
onmouseover
onmouseout
----------------------------------------------------------------------
onmouseover = "div1.style.display='block';" //显示文字
onmouseout = "div1.style.display='none';" //隐藏文字
-----------------------------------------------------------------------
<body>
<input type = "checkbox" onmouseover = "div1.style.display='block';"
onmouseout = "div1.style.display='none';">
<div id = "div1">
    为了你的安全。。。。。
</div>
</body>
-----------------------------------------------------------------------
解决兼容问题
<body>
<input type = "checkbox" onmouseover = "document.getElementById
('div1').style.display='block';"
onmouseout = "document.getElementById('div1').style.display='none';">
<div id = "div1">
    为了你的安全。。。。。
</div>
</body>
-----------------------------------------------------------------------
get Element By Id  通过id获取元素

转载地址:http://gcsgi.baihongyu.com/

你可能感兴趣的文章
C# 扩展方法整理
查看>>
微信小程序开源项目库整理
查看>>
Ionic Grid栅格布局居中实例
查看>>
VS生成Cordova for Android应用之Gradle
查看>>
Cordova 配置WebView可以打开外部链接
查看>>
Ionic Tab选项卡使用整理(一)
查看>>
Ionic Tab选项卡使用整理(二)
查看>>
Ionic Tab选项卡使用整理(三)
查看>>
AngularJs控制器说明(一)
查看>>
Teleport Ultra网站静态资源下载工具
查看>>
AngularJs $http 请求服务整理
查看>>
ionic 加载动作$ionicLoading 和加载动画 ion-spinner
查看>>
使用Git获取最新版本到本地
查看>>
Visual Studio 调试器“启用编辑并继续”
查看>>
Cordova页面解析页面中script标签内容失败,Refused to execute inline script because it violates the following
查看>>
Ionic 中使用iframe嵌入外网页面整理
查看>>
Cordova config.xml配置WebView全屏浏览
查看>>
VS Code插件安装位置
查看>>
Cordova Ajax请求跨域问题整理
查看>>
Ionic ion-nav-view使用整理
查看>>