zoukankan      html  css  js  c++  java
  • 鼠标跟随提示框

    鼠标移入某区域中鼠标右下角显示提示信息:

    $(document).ready(function(){
    // 创建一个div显示提示信息
    var dropTitle = document.createElement("div");
    dropTitle.id= "backdropTitle";
    dropTitle.style.backgroundColor="#fff";
    dropTitle.innerHTML="提示信息";
    document.getElementsByTagName('body')[0].appendChild(dropTitle);

    // 鼠标移入遮罩层事件
    var backdropTitle = document.getElementById("backdropTitle");
    var backdropBorderS = document.getElementsByClassName("backdrop-border");
    backdropTitle.style.display = "none";
    for(var i=0,len=backdropBorderS.length;i<len;i++){
    backdropBorderS[i].onmousemove = function(evt) {
    var oEvent = evt || window.event;
    var scrollleft = document.documentElement.scrollLeft || document.body.scrollLeft;
    var scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
    backdropTitle.style.display = "block";
    backdropTitle.style.position = "absolute";
    backdropTitle.style.left = oEvent.clientX + scrollleft + 10 + "px";
    backdropTitle.style.top = oEvent.clientY + scrolltop + 10 + "px";
    backdropTitle.style.zIndex = "2060";
    setTimeout(function(){
    backdropTitle.style.display = "none";
    },6000);
    };
    backdropBorderS[i].onmouseout = function (){
    backdropTitle.style.display = "none";
    }
    }
    });
  • 相关阅读:
    获取全部 txt 文本中出现次数最多的前N个词汇
    提取txt文本有效内容
    部分画图
    Series结构(常用)
    C 语言实例
    HTML之marquee(文字滚动)详解
    一款好看的404页面代码 | 滚动的404
    VS2010到VS2019各个版本的密钥
    什么是工程/项目?
    什么是IDE(集成开发环境)?
  • 原文地址:https://www.cnblogs.com/qhhw/p/6165507.html
Copyright © 2011-2022 走看看