js学习-鼠标经过输入框显示提示信息

经过输入框能显示信息,一种直接用css的title属性,title属性能显示要提示的信息,但不宜控制,

学习整理js方法,即如下代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>移动到输入框提示信息</title>
    <style type="text/css">
      #info{background: #ccc;width:120px;padding:5px;border:1px solid #f90;font-size:12px;display: none;}
    </style>
    <script type="text/javascript">
      window.onload=function()
      {
        var Iinfo = document.getElementById("info");
        var Ilabel = document.getElementsByTagName("label")[0];
        Ilabel.onmouseover = function()
        {
          Iinfo.style.display = "block";
        }
        Ilabel.onmouseout = function()
        {
          Iinfo.style.display = "none";
        }
      }
    </script>
  </head>
  <body>
    <form>
      <div id="ch">
        <label><input type="checkbox" />两周内自动登陆</label>
        <div id="info">不要在网吧,公共区域使用此功能</div>
      </div>
    </form>
  </body>
</html>

时间: 2024-08-02 11:04:19

js学习-鼠标经过输入框显示提示信息的相关文章

Js判断密码强度并显示提示信息

用javascipt实现的Ajax判断密码强弱的功能,大多数有用户注册功能的网站,都会有这么一个功能,作为WEB程序员,应该会写这种小模块哦,不懂的就看下这个例子,觉得挺简单,当初帮助了不少人学会了密码强度的检测. 表单部分,用来显示密码框和密码强度提示信息: <form name=form1 action="" > 请设置密码:<input type="password" size="10" onKeyUp="pwS

要求:鼠标移入显示提示信息框;鼠标离开,信息框消失,消失的效果延迟

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatib

Js+Css实现鼠标悬浮在特定位置,显示提示信息

想实现的效果就是数据悬浮在“?”上时出现一个div,有一个解释说明,实现效果如下: 1.首先实现“?”样式,在网址http://fontawesome.dashgame.com/ 上下载文件.解压后找到css文件夹下font-awesome.min.css 在html页面进行引用 <link href="/static/font/css/font-awesome.min.css" rel="stylesheet" /> html代码 <i clas

jQuery鼠标悬停显示提示信息窗体

<!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> <title>鼠标悬停显示提示信息窗体</titl

jQuery鼠标悬停显示提示信息窗口

<!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><title>鼠标悬停显示提示信息窗口</title&g

VC/MFC 当鼠标移到控件上时显示提示信息

VC/MFC 当鼠标移到控件上时显示提示信息 ToolTip是Win32中一个通用控件,MFC中为其生成了一个类CToolTipCtrl,总的说来其使用方法是较简单的,下面讲一下它的一般用法和高级用法. 一般用法步骤:  添加CToolTipCtrl成员变量 m_tt.  在父窗口中调用EnableToolTips(TRUE);  在窗口的OnCreate(或者其他适当的位置)中向ToolTip中添加需要显示Tip的子窗口,并同时指定相应的显示字串CToolTipCtrl::AddTool(pW

js学习

 一.什么是对象      所谓对象就是真实世界中的实体,对象与实体是一一对应的,也就是说现实世界中每一个实体都是一个对象,它是一种具体的概念. 二.原型链因为每个对象和原型都有原型,对象的原型指向原型对象, 而父的原型又指向父的父,这种原型层层连接起来的就构成了原型链. 三.局部变量.全局变量 局部变量可以与全局变量重名,但是局部变量会屏蔽全局变量.要使用全局变量,需要使用::.在函数体内引用变量会用到同名的局部变量而不是全局变量,对于一些编译器来说,在同一个函数体内可以定义多个同名的局部变量

[转]passport.js学习笔记

概述 passport.js是Nodejs中的一个做登录验证的中间件,极其灵活和模块化,并且可与Express.Sails等Web框架无缝集成.Passport功能单一,即只能做登录验证,但非常强大,支持本地账号验证和第三方账号登录验证(OAuth和OpenID等),支持大多数Web网站和服务. 官网: http://passportjs.org/ Github: http://github.com/jaredhanson/passport NPM: https://www.npmjs.org/

fullPage.js学习笔记

中秋节,一个人呆着,挺无聊的,还是学习最有趣,不论是什么,开阔视野都是好的. 参考网址:http://www.dowebok.com/77.html  上面有详细介绍及案例展示,很不错哦,可以先去看看demo 一.简介 fullPage.js 是一个基于jQuery的插件,它能够很方便.很轻松的制作出全屏网站,主要功能有: 1.支持鼠标滚动 2.多个回调函数 3.支持手机.平板触屏事件 4.支持css3动画 5.支持窗口缩放 6.窗口缩放时自动调整 7.可设置滚动宽度.背景颜色.滚动速度.循环选