根据上篇 自己改编的 当悬浮框在右边时，有一部分不显示的解决方案

最新推荐文章于 2024-04-27 21:55:17 发布
最新推荐文章于 2024-04-27 21:55:17 发布
阅读量244 收藏
点赞数
文章标签： function html javascript null border div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hhy7226276/article/details/7936039
版权
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
 <HTML>  
  <style>  
   #hint{  
    width:198px;  
    border:1px solid #000000;  
    background:#99ff33;  
    position:absolute;  
    z-index:9;  
    padding:6px;  
    line-height:17px;  
    text-align:left;  
    top:1520px;  
   }  
  </style>  
  <SCRIPT LANGUAGE="JavaScript">  
    function showme(){  
     var oSon = window.document.getElementById("hint");  
     if (oSon == null) return;  
     with (oSon){  
      innerText = guoguo.value;  
      style.display = "block";  
      //alert( document.body.clientWidth+"   "+ document.body.clientHeight);
     if(window.event.clientX+oSon.offsetWidth>document.body.clientWidth ){
      style.pixelLeft =document.body.clientWidth - oSon.offsetWidth  ;
     }else{
           style.pixelLeft = window.event.clientX + window.document.body.scrollLeft + 10;  
     }
      style.pixelTop = window.event.clientY + window.document.body.scrollTop + 10;  
   
     }  
    }  
    function hidme(){  
     var oSon = window.document.getElementById("hint");  
     if(oSon == null) return;  
     oSon.style.display="none";  
    }  
   //-->  
  </SCRIPT>  
  <BODY>  
   <text id="guoguo" value="ga">  
   <span οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">!!!!</span>&nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  <span οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">!!!!</span>  
   <div id="hint" style="display:none"></div>  
  </BODY>  
 </HTML>

IT猿_Ocean
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自己改编技小新DAPlink，自己用于调试K60和小马哥四轴。-电路方案
04-20
纯属个人DIY作品，方便自己兴趣所用。
11.1 浮动框架iframe
mmsx2017的博客
03-04 2933
一、浮动框架iframe简介 浮动框架是一种较为特殊的框架，它是在浏览器窗口中嵌套的子窗口，整个页面并不一定是框架页面，但要包含一个框架窗口。框架可以完全由设计者定义宽度和高度，并且可以放置在一个网页的任何位置，这极大地扩展了框架页面的应用范围。 生成的框架结构是依赖上级空间尺寸的，它的宽度或者高度必须有一个和上级框架相同。而浮动框架可以完全由指定宽度和高度决定。 语法： 说明： s
justnews 5.7.3开心版分享
布洛尼亚
09-19 324
下载地址：https://kawai.bengtian.club/archives/122 新增百度站长平台快速收录推送接口支持； 新增百度站长平台普通收录推送接口支持； 移除百度熊掌号相关功能； 优化页面右侧浮层图标选项，设置更灵活，升级后需要重新配置：主题设置-常规设置-页面右侧浮层； 优化文章页Google结构化数据支持； 优化广告位，移动端希望不显示可以直接输入一个空格或者0； 细节代码优化 V5.7.2 2020-05-08 新增后台私信列表（用户>私信列表），可查看和删除用户私信； 新增文
《上海堡垒》究竟几何？让我用爬虫一探究竟
热门推荐
Together_CZ的博客
08-12 1万+
怀着满心的科幻愿景，习惯了滕导演以及各位演员不遗余力地前期宣传，我得以熟知了这一部中国式的科幻大片《上海堡垒》，最初看到新闻消息说，《上海堡垒》首映好评如潮的时候，我觉得突然特别想走进影院一探究竟了，犹记得当初《哪吒之魔童降世》首映传出好评如潮的时候票房果然火爆，今天据说已经突破了36亿了，真的是牛！ 20190809上映，受到台风“利奇马”的袭击影响，我还未来得及走进...
HTML5 面试题大全（持续更新） 看这一篇就够了
Hassan的小博客!
06-29 5671
HTML5 经典面试题 1.请描述一个网页从开始请求到最终显示的完整过程？ 一个网页从请求到最终显示的完整过程一般可分为如下7个步骤 ： 在浏览器中输入网址 发送至DNS服务器并获得域名对应的web服务器的IP地址 与web服务器建立TCP连接 浏览器向web服务器的IP地址发送相应的HTTP请求 web服务器响应请求并返回指定URL的数据，或错误信息，如果设定重定向，则重定向到新的URL地址 ...
从SpringCloud看一个微服务框架的基本结构
01-27
为了方便理解，我先讲一个小故事：（改编自一知乎答主）Martin（微服务提出者也叫Martin）刚来到公司时是一个基层员工，它上面有经理、老板，那个时候所有人都听老板的指挥。但是过了两年，公司的人越来越多，原来的...
铁路车流改编方案随机优化模型及其算法
02-24
以同一支车流不可拆散、编组去向容量、车站最大编组去向数量、车站改编能力作为约束条件,以车流走行和改编总成本最小作为目标函数,构建车流改编方案优化模型;在此基础上考虑日均车流量的波动,构造车流改编方案随机...
natours:高级CSS和Sass课程-在学习本课程时编写的代码；包括我自己所做的改编
03-21
纳图尔 课程 高级CSS和Sass：Flexbox，网格，动画等！ 作者 乔纳斯·施梅特曼（Jonas Schmedtmann）
Web前端开发之HTML_3
zx1026409886的博客
04-23 909
表单在Web网页中用来给用户填写信息，从而采集用户信息，使网页具有交互功能。所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。表单是由容器和控件组成的，一个表单一般应包含用户填写信息的输入框，按钮等，这些输入框、按钮叫做控件，表单就是容器，它能够容纳各种各样的控件。
前端三剑客 HTML+CSS+JavaScript ⑤ HTML文本标签
m0_73983707的博客
04-24 441
1.这些不常用的文本标签，编码时不必过于纠结(酌情而定，不用也行)2.blockquote和address是块级元素，其他的文本标签，都是行内元素3.有些语义感不强的标签，很少使用，例如：重要的、语义感强的标签即可；
用html写一个旋转菜单
liulang68的博客
04-24 717
【代码】用html写一个旋转菜单。
HTML随机点名程序
m0_65992344的博客
04-22 429
HTML随机点名程序
在html中使用数学公式latex
最新发布
bigcrab的博客
04-27 254
来自 https://katex.org/docs/autorender 可以自动渲染。
html-docx-js网页转为word格式框架
qq_43235503的博客
04-21 346
html-docx-js网页转为word格式框架
html笔记 ai问答
qq_50437196的博客
04-23 493
在HTML中，`text-align: center` 属性是用来设置内联内容（比如文本或链接）在其块级容器（比如`<div>`, `<p>`, 或 `<h1>` 等）内部水平居中的。- `$("p span")`会选择所有位于`p`元素内的`span`元素，无论`span`元素嵌套在`p`元素内部的深度如何。在这个例子中，尽管 `text-align: center` 是应用在 `<h1>` 上的，但 `<span>` 作为内联元素会继承这个对齐方式，从而使得其中的文本居中。
为什么大多数图像分析会在MATLAB上进行，对改编程语言与软件进行说明
06-08
MATLAB是一种专业的数学软件，它提供了许多可视化和分析工具，特别适合于处理数值数据和图像。MATLAB中的图像处理工具箱提供了许多函数和工具，可以对图像进行各种操作，例如滤波，分割，变换等等。此外，MATLAB还...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值