html 鼠标移到元素上显示一段工具提示文本

最新推荐文章于 2023-05-27 12:00:35 发布
最新推荐文章于 2023-05-27 12:00:35 发布
阅读量1.7w 收藏 24
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dong123ohyes/article/details/115509351
版权

参考：https://zhidao.baidu.com/question/2010707923470635268.html

1、方法一，利用html特性，每个标签都有一个title属性。当鼠标hover在该标签内容上时，浏览器展示出该标签的title内容，让鼠标移走，内容消失

<abbr title="People's Republic of China">PRC</abbr> was founded in 1949.
<p title="Free Web tutorials">W3School.com.cn</p>

2、方法二，利用css的伪类hover，以及显示隐藏属性display，来实现如下：

<!DOCTYPE html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="ie-edge">
  <title>Document</title>
  <style>
    .continer {
      height: 100px;
      width: 100px;
      background-color: aqua;
    }

    .continer div {
      display: none;      /*默认隐藏*/
    }

    .continer:hover div {
      display: initial;      /*当鼠标hover时展示*/
    }
  </style>
</head>

<body>
  <div class="continer">
    文字内容文字内容
    <div>我是鼠标悬停展示的内容</div>
  </div>
</body>

3.CSS伪类兼容性

  • IE6、IE7只支持锚伪类（a:link、a:visited、a:hover、a:active）；
  • IE8可支持:focus、:first-child、:lang 伪类，但需要加<!DOCTYPE>；
  • IE9+可支持大部分伪类选择器。
//IE 7-11都支持
//chrome v89（其他版本没测）支持

<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="ie-edge">
  <title>Document</title>
  <style>
    .continer {
      height: 100px;
      width: 100px;
      background-color: aqua;
    }

    .continer {
      display: initial;
      /*默认隐藏*/
    }

    .continer:hover {
      display: none;
      /*当鼠标hover时展示*/
    }    
  </style>
</head>

<body>
  <a class="continer">
    文字内容文字内容
    <div>我是鼠标悬停展示的内容</div>
  </a>
</body>
//IE 7-11都支持
//chrome v89（其他版本没测）支持

<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="ie-edge">
  <title>Document</title>
  <style>
    .continer {
      height: 100px;
      width: 100px;
      background-color: aqua;
    }

    .continer {
      display: initial;
      /*默认隐藏*/
    }

    .continer:hover {
      display: none;
      /*当鼠标hover时展示*/
    }

    .continer div {
      display: none;
      /*默认隐藏*/
    }

    .continer:hover div {
      display: initial;
      /*当鼠标hover时展示*/
    }
  </style>
</head>

<body>
  <a class="continer">
    文字内容文字内容
    <div>我是鼠标悬停展示的内容</div>
  </a>
</body>
//IE 7-11都支持
//chrome v89（其他版本没测）支持

<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="ie-edge">
  <title>Document</title>
  <style>
    .continer {
      height: 100px;
      width: 100px;
      background-color: aqua;
    }

    .continer {
      display: initial;
      /*默认隐藏*/
    }

    .continer:hover {
      display: initial;
      /*当鼠标hover时展示*/
    }

    .continer div {
      display: initial;
      /*默认隐藏*/
    }

    .continer:hover div {
      display: none;
      /*当鼠标hover时展示*/
    }
  </style>
</head>

<body>
  <div class="continer">
    文字内容文字内容
    <div>我是鼠标悬停展示的内容</div>
  </div>
</body>

 

爱上的云
关注
  • 3
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
MAPGIS地质制图工具
05-06
本系统是在Windows XP系统和MapGis6.7(B20051118)基础上，以Microsoft VC++ 6.0为编程语言，MapGis 6.7 SDK为开发平台进行开发的地质图件制作软件。系统基于MapGis输入编辑子系统强大的图形编辑能力，添加专业的地质图件制作工具，大大提高了地质图件的制作效率，能够很完美的转换CAD数据格式为MapGis格式。地质数据采集系统采用Microsoft Access的MDB格式，自动计算绘制符合行业标准的MapGis格式地质图件。 本软件完全免费使用。在使用过程中，如果是本软件的缺陷造成你的损失，本人不承担任何责任。一旦开始使用，视为你同意。 本软件可以自由复制传播，但不可用于商业用途。 操作演示请切换到“操作视频”帮助页面，网上下载高清有声视频。 现Section版本具有的主要功能模块： 1、绘制剖面图功能； 2、绘制柱状图功能； 3、辅助工具Ⅰ和辅助工具Ⅱ（CAD转MapGis文件）； 4、其他功能（暂时未归类功能）。 编辑本段Section快捷键对照表 Ctrl+A 选择相同图元功能 B 选择区 Ctrl +C 复制图元功能 C 选择点 Ctrl +V 粘贴图元功能 N 选择弧段 Ctrl +X 剪切图元功能 V 选择线 Ctrl +Z 后悔操作 X 选择子图 Shift+Z 选多类型图元功能 Z 选择文本 Shift +C 超级拷贝功能 E 扩展工具箱 Shift +V 超级粘贴功能 T 系统工具箱 F2 正交功能 Del 删除选择图元 Tab 全屏功能 空格键 捕捉功能 → 向右移动选择图元 ↑ 向上移动选择图元 ← 向左移动选择图元 ↓ 向下移动选择图元 Y 捕捉点图元 U 捕捉节点及端点 I（i） 捕捉交叉点 O 捕捉垂点 P 捕捉最近点 [ 捕捉中点 鼠标中键 按住可以移动图形 鼠标滚轮 放大缩小功能 双击鼠标中键 复原窗口功能 双击鼠标右键 取消所有操作，回到初始状态 （以上快捷键不区分大小写）,其它快捷键与mapgis相同。 在编辑视图中，如果状态为准备状态，按住Ctrl右击，将弹出常用图元编辑快捷菜单；按住Shift右击，将弹出扩展功能快捷菜单。 编辑本段安装与卸载 系统要求 基础软件：MapGis软件。推荐MapGis 6.7版本Build051118。 系统支持：Section软件支持Microsoft Windows 的2000， XP， Vista和 7系列的操作系统。(32位，64位未测试)。 语言：支持中文，简体。 下载 进入地信网论坛和华夏土地网论坛下载最新版本的Section程序。 安装软件步骤 1）对于Section单个程序：把section.exe和section.chm等放入MapGis67\program目录内即可。 2）对于独立安装包：（相对于单个程序文件，还包含了先前的各种自定义配置文件） 第一步：双击运行安装程序Section2010.exe，打开安装向导页面开始安装Section软件； 第二步：仔细阅读“许可协议”，点击“同意”，继续下一步安装，否则点击“取消”，退出软件安装； 第三步：仔细阅读“信息”，阅读软件重要信息，点击“下一步”，继续下一步安装，否则点击“取消”，退出软件安装； 第四步：选择安装路径：默认情况下，软件安装在系统的C:\MapGis67\program目录下，单击“浏览”可更改路径；注意非默认位置时，目录只要指向program的上级目录，即mapgis67。 第五步：请“选择组件”，有完全安装，简洁安装和自定义安装3种供选择。点击“下一步”，继续下一步安装； 第六步：在开始菜单文件夹中创建程序的文件夹名称。点击“下一步”，继续下一步安装； 第七步：选择附加任务:创建桌面快捷方式和快捷启动栏快捷方式，以及Section关联MapGis文件等。勾选所需选项，点击“下一步”，开始准备安装； 第八步：点击“安装”。直至最后，不想在安装完成后运行Section程序请去勾，点击完成。 卸载 1）对于非安装包：把section.exe程序和section.chm等文件删除即可。 2）对于独立安装包：打开控制面板，进入添加/删除程序（Win7的为程序和功能）找到Section卸载项目，双击“Section卸载”或者右键菜单中的卸载。 FAQ： 1、 双击section.exe后出现 “无法启动此程序，因计算机丢失basroot.dll……”的提示，程序不能使用？ 答：没有在mapgis环境下缺少基本组件和动态链接库，运行程序会出现此提示，把section.exe放入MapGis67\program目录内即可。 0327d正式版0612 软件更新日志 1、修正不能删除角度花纹有残留的Bu
Javascript 实现鼠标移动到html元素出现提示框 转
someon2的专栏
03-26 2640
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">     example of the mouse prompt             .divStyle         {             border: solid 1px red;
原生html 鼠标移动上去，显示文字提示
逆风优雅的博客
05-24 4047
在html标签中使用title，即可实现。
鼠标移到元素上显示提示信息
bdy9600的专栏
06-10 3638
5利用title属性就能够实现
html设置超出部分隐藏，鼠标移上去显示全部
我是一个有理想的程序员
10-31 1万+
<td> <div :title="item.invoiceNumber" style="width: 200px; height: 20px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;"> ...
html5鼠标载入弹出信息框,js实现自定义弹出对话框（弹窗）可拖拽
weixin_39766109的博客
05-30 800
在日常的开发中，我们经常需要点击一个按钮提供交互，弹出对话框，输入一些信息。本篇文章的代码，另外添加了背景黑色遮罩以及可以任意拖拽对话框。使用到的js知识点:onclick、onmousedown、onmouseup、onmousemove、鼠标位置效果图gif：可任意拖拽：细节:上代码：index.htmlDocument关闭输入账号：输入密码：var open = my$('open');va...
CSS 鼠标移入显示提示说明文本
Nonsense8d的博客
07-26 5384
CSS 鼠标移入显示提示说明文本 1. 在需要使用的地方写上 html <!--i标签可以替换为其它标签，data-title为需要显示的文本信息--> <i class="fa fa-info-circle" data-title="陆雪芹陆雪芹陆雪芹陆雪芹"></i> 2.添加CSS .fa-info-circle { margin-left: 4px; position: relative; } .fa-info-
css和js做一个鼠标悬浮在div容器上面的时候，展示一些文字（css实现）(hover)
m0_68094390的博客
05-27 1888
【代码】css和js做一个鼠标悬浮在div容器上面的时候，展示一些文字（css实现）
html 鼠标经过时显示,css 如何实现当鼠标滑过超链接出现提示框呢？
weixin_39624389的博客
06-09 2145
摘要:下文讲述css技巧，当鼠标经过超链接时，出现相应的信息提示框的方法分享，如下所示:实现思路：使用:hover伪类实现当鼠标经过时，将文本框的display属性修改为block猫猫教程(www.maomao365.com)鼠标经过超链接时，出现相应的文本框#container{margin:100px;}a.tooltip{position:relative;background-color:...
layui菜单鼠标悬浮提示文字
乐逍遥
03-24 1491
tips ：的配置型，即位置[1上；那个数字是显示的 方向 后边的颜色是背景颜色。需要先引用layui的css js。
html鼠标悬停提示文字
热门推荐
weixin_44226752的博客
02-25 1万+
本来打算写js事件，然后发现HTML自带了这个属性，在标签中加title=“要显示的内容” 就可以了 注意：a标签，img标签，div标签、span标签、li标签、p标签、b标签等等html标签都可以在标签内加title完成鼠标悬停，若是悬停必要鼠标指针变成手指状对其配置css （cursor:pointer） <c:if test="${list.redirectFlag != '1'}"> <a href="/dq/article/info?id=${list.id}" targ.
HTML5 Canvas核心技术 图形、动画与游戏开发
09-19
第1章　基础知识 1 1.1　canvas元素 1 1.1.1　canvas元素的大小与绘图表面的大小 4 1.1.2　canvas元素的api 5 1.2　canvas的绘图环境 6 1.2.1　2d绘图环境 6 1.2.2　canvas状态的保存与恢复 8 1.3　本书程序清单的规范格式 9 1.4　开始学习html5 10 1.4.1　规范 10 1.4.2　浏览器 11 1.4.3　控制台与调试器 11 1.4.4　性能 13 1.5　基本的绘制操作 15 1.6　事件处理 18 1.6.1　鼠标事件 18 1.6.2　键盘事件 22 .1.6.3　触摸事件 23 1.7　绘制表面的保存与恢复 23 1.8　在canvas中使用html元素 25 1.9　打印canvas的内容 32 1.10　离屏canvas 35 1.11　基础数学知识简介 37 1.11.1　求解代数方程 37 1.11.2　三角函数 38 1.11.3　向量运算 39 1.11.4　根据计量单位来推导等式 42 1.12　总结 44 第2章　绘制 45 2.1　坐标系统 46 2.2　canvas的绘制模型 47 2.3　矩形的绘制 48 2.4　颜色与透明度 50 2 .5　渐变色与图案 52 2.5.1　渐变色 52 2.5.2　图案 54 2.6　阴影 57 2.7　路径、描边与填充 60 2.7.1　路径与子路径 63 2.7.2　剪纸效果 64 2.8　线段 69 2.8.1　线段与像素边界 70 2.8.2　网格的绘制 71 2.8.3　坐标轴的绘制 72 2.8.4　橡皮筋式的线条绘制 74 2.8.5　虚线的绘制 79 2.8.6　通过扩展canvasrenderingcontext2d来绘制虚线 80 2.8.7　线段端点与连接点的绘制 81 2.9　圆弧与圆形的绘制 83 2.9.1　arc()方法的用法 83 2.9.2　以橡皮筋式辅助线来协助用户画圆 85 2.9.3　arcto()方法的用法 86 2.9.4　刻度仪表盘的绘制 88 2.10　贝塞尔曲线 93 2.10.1　二次方贝塞尔曲线 93 2.10.2　三次方贝塞尔曲线 95 2.11　多边形的绘制 97 2.12　高级路径操作 102 2.12.1　拖动多边形对象 102 2.12.2　编辑贝塞尔曲线 107 2.12.3　自动滚动网页，使某段路径所对应的元素显示在视窗中 115 2.13　坐标变换 116 2.13.1　坐标系的平移、缩放与旋转 116 2.13.2　自定义的坐标变换 119 2.14　图像合成 123 2.15　剪辑区域 128 2.15.1　通过剪辑区域来擦除图像 128 2.15.2　利用剪辑区域来制作伸缩式动画 133 2.16　总结 135 第3章　文本 137 3.1　文本的描边与填充 137 3.2　设置字型属性 141 3.3　文本的定位 144 3.3.1　水平与垂直定位 144 3.3.2　将文本居中 146 3.3.3　文本的度量 147 3.3.4　绘制坐标轴旁边的文本标签 148 3.3.5　绘制数值仪表盘周围的文本标签 151 3.3.6　在圆弧周围绘制文本 152 3.4　实现文本编辑控件 154 3.4.1　指示文本输入位置的光标 154 3.4.2　在canvas中编辑文本 159 3.4.3　文本段的编辑 163 3.5　总结 174 第4章　图像与视频 175 4.1　图像的绘制 176 4.1.1　在canvas之中绘制图像 176 4.1.2　drawimage()方法的用法 177 4.2　图像的缩放 179 4.3　将一个canvas绘制到另一个canvas之中 183 4.4　离屏canvas 186 4.5　操作图像的像素 189 4.5.1　获取图像数据 189 4.5.2　修改图像数据 195 4.6　结合剪辑区域来绘制图像 208 4.7　以图像制作动画 211 4.8　图像绘制的安全问题 216 4.9　性能 216 4.9.1　对比drawimage(htmlimage)、drawimage(htmlcanvas)与putimagedata()的绘图效率 217 4.9.2　在canvas中绘制另一个canvas与绘制普通图像之间的对比；在绘制时缩放图像与保持原样之间的对比 217 4.9.3　遍历图像数据 218 4.10　放大镜 222 4.10.1　使用离屏canvas 224 4.10.2　接受用户从文件系统中拖放进来的图像 225 4.11　视频处理 227 4.11.1　视频格式 227 4.11.2　在canvas中播放视频 229 4.11.3　视频处理 230 4.12　总结 234 第5章　动画 235 5.1　动画循环 235 5.1.1　通过requestanimationframe()方法让浏览器来自行决定帧速率 237 5.1.2　internet explorer浏览器对requestanimationframe()功能的实现 241 5.1.3　可移植于各浏览器平台的动画循环逻辑 241 5.2　帧速率的计算 248 5.3　以不同的帧速率来执行各种任务 249 5.4　恢复动画背景 250 5.4.1　利用剪辑区域来处理动画背景 250 5.4.2　利用图块复制技术来处理动画背景 252 5.5　利用双缓冲技术绘制动画 253 5.6　基于时间的运动 254 5.7　背景的滚动 257 5.8　视差动画 261 5.9　用户手势 264 5.10　定时动画 266 5.10.1　秒表 266 5.10.2　动画计时器 269 5.11　动画制作的最佳指导原则 270 5.12　总结 271 第6章　精灵 272 6.1　精灵概述 273 6.2　精灵绘制器 275 6.2.1　描边与填充绘制器 275 6.2.2　图像绘制器 279 6.2.3　精灵表绘制器 281 6.3　精灵对象的行为 284 6.3.1　将多个行为组合起来 285 6.3.2　限时触发的行为 287 6.4　精灵动画制作器 289 6.5　基于精灵的动画循环 293 6.6　总结 294 第7章　物理效果 295 7.1　重力 295 7.1.1　物体的下落 296 7.1.2　抛射体弹道运动 298 7.1.3　钟摆运动 307 7.2　时间轴扭曲 311 7.3　时间轴扭曲函数 315 7.4　时间轴扭曲运动 317 7.4.1　没有加速度的线性运动 319 7.4.2　逐渐加速的缓入运动 320 7.4.3　逐渐减速的缓出运动 322 7.4.4　缓入缓出运动 323 7.4.5　弹簧运动与弹跳运动 324 7.5　以扭曲后的帧速率播放动画 326 7.6　总结 332 第8章　碰撞检测 333 8.1　外接图形判别法 333 8.1.1　外接矩形判别法 333 8.1.2　外接圆判别法 334 8.2　碰到墙壁即被弹回的小球 336 8.3　光线投射法 337 8.4　分离轴定理（sat）与最小平移向量（mtv） 340 8.4.1　使用分割轴定理检测碰撞 340 8.4.2　根据最小平移向量应对碰撞 362 8.5　总结 373 第9章　游戏开发 374 9.1　游戏引擎 374 9.1.1　游戏循环 376 9.1.2　加载图像 382 9.1.3　同时播放多个声音 384 9.1.4　键盘事件 385 9.1.5　高分榜 386 9.1.6　游戏引擎源代码 387 9.2　游戏原型 395 9.2.1　游戏原型程序的html代码 396 9.2.2　原型程序的游戏循环 399 9.2.3　游戏原型程序的加载画面 400 9.2.4　暂停画面 402 9.2.5　按键监听器 404 9.2.6　游戏结束及高分榜 404 9.3　弹珠台游戏 407 9.3.1　游戏循环弹珠 408 9.3.2　弹珠精灵 410 9.3.3　重力与摩擦力 411 9.3.4　弹板的移动 412 9.3.5　处理键盘事件 413 9.3.6　碰撞检测 416 9.4　总结 425 第10章　自定义控件 426 10.1　圆角矩形控件 427 10.2　进度条控件 433 10.3　滑动条控件 437 10.4　图像查看器控件 446 10.5　总结 454 第11章　移动平台开发 455 11.1　移动设备的视窗 456 11.2　媒体特征查询技术 461 11.2.1　媒体特征查询与css 461 11.2.2　用javascript程序应对媒体特征的变化 462 11.3　触摸事件 464 11.3.1　touchevent对象 464 11.3.2　touchlist对象 465 11.3.3　touch对象 466 11.3.4　同时支持触摸事件与鼠标事件 466 11.3.5　手指缩放 468 11.4　ios5 469 11.4.1　应用程序图标及启动画面 469 11.4.2　利用媒体特征查询技术设置ios5系统的应用程序图标及启动画面 470 11.4.3　以不带浏览器饰件的全屏模式运行应用程序 471 11.4.4　应用程序的状态栏 471 11.5　虚拟键盘 472 11.6　总结 485
C#窗体Winform，鼠标悬停在控件上，提示框，显示信息。
10-21
对应文章地址：https://blog.csdn.net/mazhiyuan1981/article/details/109199984
editplus 代码编辑器html c++ jsp css
08-08
已经破解的代码编辑器，免安装的里面有破解的注册码 很小但是功能却很强大，编辑网页可以随时预览，能够多人工作。 附使用手册： Editplus使用技巧 技巧中，在编译器集成例子中参照了部分官方的文献。有几篇是从网上搜集来的，这里我注明了来源或原始作者。如果你是相应作者，不希望文章放在这里，请通知我，我会及时 删掉。 —————————————————— 文章或者技巧及原始作者或出处： 正则表达式类 【1】 正则表达式应用——替换指定内容到行尾 【2】 正则表达式应用——数字替换—————————-Microshaoft,jiuk2k 【3】 正则表达式应用——删除每一行行尾的指定字符 【4】 正则表达式应用——替换带有半角括号的多行 【5】 正则表达式应用——删除空行—————————-江德华 软件技巧类 —————————————————— 【6】 软件技巧——键盘记录的注意事项 【7】 软件技巧——关闭文档标签的便捷方法 【8】 软件技巧——如何去掉 EditPlus 保存文本文件时的添加后缀提示？ 【9】 软件技巧——提示找不到语法文件的解决办法 【10】软件技巧——设置editplus支持其它文字，如韩文———-jackywu1978 【11】软件技巧——FTP 上传的设置—————————-李应文2.11汉化版 【12】软件技巧——如何禁用备份文件功能？ 【13】软件技巧——添加语法文件、自动完成文件、以及剪辑库文件 工具集成类 —————————————————— 【14】工具集成——编译器集成例子（Java、Borland C++、Visual C++、Inno Setup、nsis、C#） 【15】工具集成——让Editplus调试PHP程序———————-avenger,aukw 【16】工具集成——打造 PHP 调试环境(二)———————-老七2.11汉化版 【17】在 WINPE 中集成 EDITPLUS 【1】正则表达式应用——替换指定内容到行尾 原始文本如下面两行 abc aaaaa 123 abc 444 希望每次遇到“abc”，则替换“abc”以及其后到行尾的内容为“abc efg” 即上面的文本最终替换为： abc efg 123 abc efg 解决： ① 在替换对话框，查找内容里输入“abc.*” ② 同时勾选“正则表达式”复选框，然后点击“全部替换”按钮 其中，符号的含义如下： “.” ＝匹配任意字符 “*” ＝匹配0次或更多 注意：其实就是正则表达式替换，这里只是把一些曾经提出的问题加以整理，单纯从正则表达式本身来说，就可以引申出成千上万种特例。 【2】正则表达式应用——数字替换 希望把 asdadas123asdasdas456asdasdasd789asdasd 替换为: asdadas[123]asdasdas[456]asdasdasd[789]asdasd 在替换对话框里面，勾选“正则表达式”复选框； 在查找内容里面输入“[0-9][0-9][0-9]”，不含引号 “替换为:”里面输入“[\0\1\2]”，不含引号 范围为你所操作的范围，然后选择替换即可。 实际上这也是正则表达式的使用特例，“[0-9]”表示匹配0～9之间的任何特例，同样“[a-z]”就表示匹配a～z之间的任何特例 【1】正则表达式应用——替换指定内容到行尾 原始文本如下面两行 abc aaaaa 123 abc 444 希望每次遇到“abc”，则替换“abc”以及其后到行尾的内容为“abc efg” 即上面的文本最终替换为： abc efg 123 abc efg 解决： ① 在替换对话框，查找内容里输入“abc.*” ② 同时勾选“正则表达式”复选框，然后点击“全部替换”按钮 其中，符号的含义如下： “.” ＝匹配任意字符 “*” ＝匹配0次或更多 注意：其实就是正则表达式替换，这里只是把一些曾经提出的问题加以整理，单纯从正则表达式本身来说，就可以引申出成千上万种特例。 【2】正则表达式应用——数字替换 （Microshaoft@CCF,jiuk2k@CCF） 希望把 asdadas123asdasdas456asdasdasd789asdasd 替换为: asdadas[123]asdasdas[456]asdasdasd[789]asdasd 在替换对话框里面，勾选“正则表达式”复选框； 在查找内容里面输入“[0-9][0-9][0-9]”，不含引号 “替换为:”里面输入“[\0\1\2]”，不含引号 范围为你所操作的范围，然后选择替换即可。 实际上这也是正则表达式的使用特例，“[0-9]”表示匹配0～9之间的任何特例，同样“[a-z]”就表示匹配a～z之间的任何特例 上面重复使用了“[0-9]”，表示连续出现的三个数字 “\0”代表第一个“[0-9]”对应的原型，“\1”代表第二个“[0-9]”对应的原型，依此类推 “[”、“]”为单纯的字符，表示添加“[”或“]”，如果输入“其它\0\1\2其它”，则替换结果为： asdadas其它123其它asdasdas其它456其它asdasdasd其它789其它asdasd 功能增强（by jiuk2k@CCF）： 如果将查找内容“[0-9][0-9][0-9]”改为“[0-9]*[0-9]”，对应1 或 123 或 12345 或 … 大家根据需要定制 相关内容还有很多，可以自己参考正则表达式的语法仔细研究一下 【3】正则表达式应用——删除每一行行尾的指定字符 因为这几个字符在行中也是出现的,所以肯定不能用简单的替换实现 比如 12345 1265345 2345 需要删除每行末尾的“345” 这个也算正则表达式的用法，其实仔细看正则表达式应该比较简单，不过既然有这个问题提出，说明对正则表达式还得有个认识过程，解决方法如下 解决： 在替换对话框中，启用“正则表达式”复选框 在查找内容里面输入“345$” 这里“$”表示从行尾匹配 如果从行首匹配，可以用“^”来实现，不过 EditPlus 有另一个功能可以很简单的删除行首的字符串 a. 选择要操作的行 b. 编辑－格式－删除行注释 c. 在弹出对话框里面输入要清除的行首字符，确定 【4】正则表达式应用——替换带有半角括号的多行 几百个网页中都有下面一段代码： 我想把它们都去掉，可是找了很多search & replace的软件，都是只能对“一行”进行操作。 EditPlus 打开几百个网页文件还是比较顺畅的，所以完全可以胜任这个工作。 具体解决方法，在 Editplus 中使用正则表达式，由于“(”、“)”被用做预设表达式（或者可以称作子表达式）的标志，所以查找 “ \n” 时会提示查找不到，所以也就无法进行替换了，这时可以把“(”、“)”使用任意字符标记替代，即半角句号：“.”。替换内容为 \n 在替换对话框启用“正则表达式”选项，这时就可以完成替换了 补充：（lucida@DRL） 对( ) 这样的特殊符号，应该用\( \)来表示，这也是很标准的regexp语法，可以写为 \n 【5】正则表达式应用——删除空行 启动EditPlus，打开待处理的文本类型文件。 ①、选择“查找”菜单的“替换”命令，弹出文本替换对话框。选中“正则表达式”复选框，表明我们要在查找、替换中使用正则表达式。然后，选中“替换范围”中的“当前文件”，表明对当前文件操作。 ②、单击“查找内容”组合框右侧的按钮，出现下拉菜单。 ③、下面的操作添加正则表达式，该表达式代表待查找的空行。（技巧提示：空行仅包括空格符、制表符、回车符，且必须以这三个符号之一作为一行的开头，并且以回车符结尾，查找空行的关键是构造代表空行的正则表达式）。 直接在"查找"中输入正则表达式“^[ \t]*\n”，注意\t前有空格符。 （1）选择“从行首开始匹配”，“查找内容”组合框中出现字符“^”，表示待查找字符串必须出现在文本中一行的行首。 （2）选择“字符在范围中”，那么在“^”后会增加一对括号“[]”，当前插入点在括号中。括号在正则表达式中表示，文本中的字符匹配括号中任意一个字符即符合查找条件。 （3）按一下空格键，添加空格符。空格符是空行的一个组成成分。 （4）选择“制表符”，添加代表制表符的“\t”。 （5）移动光标，将当前插入点移到“]”之后，然后选择“匹配 0 次或更多”，该操作会添加星号字符“*”。星号表示，其前面的括号“[]”内的空格符或制表符，在一行中出现0个或多个。 （6）选择“换行符”，插入“\n”，表示回车符。 ④、“替换为”组合框保持空，表示删除查找到的内容。单击“替换”按钮逐个行删除空行，或单击“全部替换”按钮删除全部空行（注意：EditPlus有时存在“全部替换”不能一次性完全删除空行的问题，可能是程序BUG，需要多按几次按钮）。 【6】软件技巧——键盘记录的注意事项 EditPlus的键盘记录有些类似于 UltraEdit 的宏操作，不过功能相对单一，录制的文件可编辑性较差。 由于基本无法编辑录制的文件，所以录制的时候为了避免录制失败，推荐纯粹使用键盘操作，以下是比较关键的几个键盘组合： Ctrl+F ＝ 调出查找对话框 Ctrl+H ＝ 调出替换对话框 Alt+F4 ＝ 关闭作用，比如，关闭查找对话框、关闭替换对话框，等等 其它键盘快捷键在“帮助－快捷键列表”里面可以很容易的查找到，这里就 细说了。 【7】软件技巧——关闭文档标签的便捷方法 右键单击文档标签工具条，弹出菜单中选择“标签选项”，选中“用鼠标中间的按钮关闭”，这里包括鼠标的滚轮。 【8】软件技巧——如何去掉 EditPlus 保存文本文件时的添加后缀提示？ 如果你使用 EditPlus 进行文本编辑，那么每次创建文本文件，编辑后保存时，尽管文件类型下拉列表中显示的是文本文件， EditPlus 还是询问你是否添加".txt"后缀，是不是很烦？ 解决方法: ① 在程序目录建立一个空的文件“template.txt” ② “工具－参数设置－模板”里面，单击“添加”按钮添加模板，“菜单文本”这里输入“Text”，浏览“template.txt”，之后确定即可 ③ “文件－新建－text”，就可以建立一个空的文本文件，保存时，这个文件自动带有扩展名".txt"，也就避免了令人头疼的确认 ④ 模板设置文件名称为“template.ini”，如果和主程序同一路径，可以使用相对路径 罗嗦了点，不过管用 要自动创建带有某种后缀的文件，方法同上。 【9】软件技巧——提示找不到语法文件 *.stx 的解决办法 原因多为设置的语法文件不存在或者是路径设置不对。这是因为 EditPlus 的语法是设置文件采用的是绝对路径，而在你设置了语法文件之后，再把程序复制到其它目录，因而导致 EditPlus 无法找到该语法文件。 解决办法： 在主程序目录里，找到 Setting.ini 这是 EditPlus 存放语法的文件 查找后缀为“.stx”、“acp”的文本内容，或者查找带有驱动器符号的行，比如 Syntax file=C:\Program Files\EditPlus 2\cpp.stx 那么，就把”C:\Program Files\EditPlus 2\“替换成你当前软件的路径。 其它提示找不到文件的解决方法同上 【10】软件技巧——设置editplus支持其它文字，如韩文 在editplus里打开文件，出来打开文件对话框；然后点击“转换器”后面的那个省略号，会出来自定义转换器对话框；在右边选择你需要的编码方式，添加到左边，然后点确定；最后在下拉框中选择需要的编码方式，然后打开文件即可。 【11】软件技巧——FTP 上传的设置 “文件->远程操作->FTP 上传”在“设置”选项卡中设置好参数（“子目录”前面应该加“/”如“/web/”），点击“确定”回到“FTP 上传”选项卡，然后点击“上传”即可；“批量上传”的设置类似。 【12】软件技巧——如何禁用备份文件功能？ 在“参数选择”的文件选项页，禁用“'保存时自动创建备份文件”选项 【13】软件技巧——添加语法文件、自动完成文件、以及剪辑库文件 要添加 *.STX（语法文件）或 *.ACP（自动完成文件）： 1. 选择“参数选择→语法” 2. 单击“添加”按钮，命名，在“扩展名”部分输入对应扩展名（不带“.”） 3. 浏览/输入 STX（语法文件部分） 以及 ACP（自动完成文件部分）。 添加剪辑库文件（*.CTL） 复制相应 *.CTL 文件到软件安装目录，重新启动 EditPlus ，则系统自动识别。 上面重复使用了“[0-9]”，表示连续出现的三个数字 “\0”代表第一个“[0-9]”对应的原型，“\1”代表第二个“[0-9]”对应的原型，依此类推 “[”、“]”为单纯的字符，表示添加“[”或“]”，如果输入“其它\0\1\2其它”，则替换结果为： asdadas其它123其它asdasdas其它456其它asdasdasd其它789其它asdasd 功能增强（by jiuk2k）： 如果将查找内容“[0-9][0-9][0-9]”改为“[0-9]*[0-9]”，对应1 或 123 或 12345 或 … 大家根据需要定制 相关内容还有很多，可以自己参考正则表达式的语法仔细研究一下 【3】正则表达式应用——删除每一行行尾的指定字符 因为这几个字符在行中也是出现的,所以肯定不能用简单的替换实现 比如 12345 1265345 2345 需要删除每行末尾的“345” 这个也算正则表达式的用法，其实仔细看正则表达式应该比较简单，不过既然有这个问题提出，说明对正则表达式还得有个认识过程，解决方法如下 解决： 在替换对话框中，启用“正则表达式”复选框 在查找内容里面输入“345$” 这里“$”表示从行尾匹配 如果从行首匹配，可以用“^”来实现，不过 EditPlus 有另一个功能可以很简单的删除行首的字符串 a. 选择要操作的行 b. 编辑－格式－删除行注释 c. 在弹出对话框里面输入要清除的行首字符，确定 【4】正则表达式应用——替换带有半角括号的多行 几百个网页中都有下面一段代码： \n 在替换对话框启用“正则表达式”选项，这时就可以完成替换了 【5】正则表达式应用——删除空行 启动EditPlus，打开待处理的文本类型文件。 ①、选择“查找”菜单的“替换”命令，弹出文本替换对话框。选中“正则表达式”复选框，表明我们要在查找、替换中使用正则表达式。然后，选中“替换范围”中的“当前文件”，表明对当前文件操作。 ②、单击“查找内容”组合框右侧的按钮，出现下拉菜单。 ③、下面的操作添加正则表达式，该表达式代表待查找的空行。（技巧提示：空行仅包括空格符、制表符、回车符，且必须以这三个符号之一作为一行的开头，并且以回车符结尾，查找空行的关键是构造代表空行的正则表达式）。 直接在”查找”中输入正则表达式“^[ \t]*\n”，注意\t前有空格符。 （1）选择“从行首开始匹配”，“查找内容”组合框中出现字符“^”，表示待查找字符串必须出现在文本中一行的行首。 （2）选择“字符在范围中”，那么在“^”后会增加一对括号“[]”，当前插入点在括号中。括号在正则表达式中表示，文本中的字符匹配括号中任意一个字符即符合查找条件。 （3）按一下空格键，添加空格符。空格符是空行的一个组成成分。 （4）选择“制表符”，添加代表制表符的“\t”。 （5）移动光标，将当前插入点移到“]”之后，然后选择“匹配 0 次或更多”，该操作会添加星号字符“*”。星号表示，其前面的括号“[]”内的空格符或制表符，在一行中出现0个或多个。 （6）选择“换行符”，插入“\n”，表示回车符。 ④、“替换为”组合框保持空，表示删除查找到的内容。单击“替换”按钮逐个行删除空行，或单击“全部替换”按钮删除全部空行（注意：EditPlus有时存在“全部替换”不能一次性完全删除空行的问题，可能是程序BUG，需要多按几次按钮）。 【6】软件技巧——键盘记录的注意事项 EditPlus 的键盘记录有些类似于 UltraEdit 的宏操作，不过功能相对单一，录制的文件可编辑性较差。 由于基本无法编辑录制的文件，所以录制的时候为了避免录制失败，推荐纯粹使用键盘操作，以下是比较关键的几个键盘组合： Ctrl+F ＝ 调出查找对话框 Ctrl+H ＝ 调出替换对话框 Alt+F4 ＝ 关闭作用，比如，关闭查找对话框、关闭替换对话框，等等 其它键盘快捷键在“帮助－快捷键列表”里面可以很容易的查找到，这里就 细说了。 【7】软件技巧——关闭文档标签的便捷方法 右键单击文档标签工具条，弹出菜单中选择“标签选项”，选中“用鼠标中间的按钮关闭”，这里包括鼠标的滚轮。 【8】软件技巧——如何去掉 EditPlus 保存文本文件时的添加后缀提示？ 如果你使用 EditPlus 进行文本编辑，那么每次创建文本文件，编辑后保存时，尽管文件类型下拉列表中显示的是文本文件， EditPlus 还是询问你是否添加“.txt”后缀，是不是很烦？ 解决方法: ① 在程序目录建立一个空的文件“template.txt” ② “工具－参数设置－模板”里面，单击“添加”按钮添加模板，“菜单文本”这里输入“Text”，浏览“template.txt”，之后确定即可 ③ “文件－新建－text”，就可以建立一个空的文本文件，保存时，这个文件自动带有扩展名”.txt”，也就避免了令人头疼的确认 ④ 模板设置文件名称为“template.ini”，如果和主程序同一路径，可以使用相对路径 罗嗦了点，不过管用 要自动创建带有某种后缀的文件，方法同上。 【9】软件技巧——提示找不到语法文件 *.stx 的解决办法 原因多为设置的语法文件不存在或者是路径设置不对。这是因为 EditPlus 的语法是设置文件采用的是绝对路径，而在你设置了语法文件之后，再把程序复制到其它目录，因而导致 EditPlus 无法找到该语法文件。 解决办法： 在主程序目录里，找到 Setting.ini 这是 EditPlus 存放语法的文件 查找后缀为“.stx”、“acp”的文本内容，或者查找带有驱动器符号的行，比如 Syntax file=C:\Program Files\EditPlus 2\cpp.stx 那么，就把”C:\Program Files\EditPlus 2\“替换成你当前软件的路径。 其它提示找不到文件的解决方法同上 【10】软件技巧——设置editplus支持其它文字，如韩文 在editplus里打开文件，出来打开文件对话框；然后点击“转换器”后面的那个省略号，会出来自定义转换器对话框；在右边选择你需要的编码方式，添加到左边，然后点确定；最后在下拉框中选择需要的编码方式，然后打开文件即可。 【11】软件技巧——FTP 上传的设置 “文件->远程操作->FTP 上传”在“设置”选项卡中设置好参数（“子目录”前面应该加“/”如“/web/”），点击“确定”回到“FTP 上传”选项卡，然后点击“上传”即可；“批量上传”的设置类似。 【12】软件技巧——如何禁用备份文件功能？ 在“参数选择”的文件选项页，禁用“’保存时自动创建备份文件”选项 【13】软件技巧——添加语法文件、自动完成文件、以及剪辑库文件 要添加 *.STX（语法文件）或 *.ACP（自动完成文件）： 1. 选择“参数选择→语法” 2. 单击“添加”按钮，命名，在“扩展名”部分输入对应扩展名（不带“.”） 3. 浏览/输入 STX（语法文件部分） 以及 ACP（自动完成文件部分）。 添加剪辑库文件（*.CTL） 复制相应 *.CTL 文件到软件安装目录，重新启动 EditPlus ，则系统自动识别。 【14】工具集成——编译器集成例子（Java、Borland C++、Visual C++、Inno Setup、nsis） 在“工具→参数选择→用户工具”选项页设置，设置步骤 设置组名称，这里也可以不设置 ② 单击“添加工具→应用程序”按钮并进行如下设置 ③ 各种类似”$(FilePath)”的参数可以在文本框右侧的箭头下拉菜单中获取，具体含义如下 参数 描述 $(FilePath) 文件路径（文件全名，含目录和文件名） $(FileDir) 文件目录（不带文件名） $(FileName) 文件名（不带目录） $(FileNameNoExt) 不带扩展名的文件名（不带目录） $(FileExt) 扩展名（当前文件） $(ProjectName) 工程名称（当前工程名） $(CurLine) 当前行号（光标位置处的行号） $(CurCol) 当前列号（光标位置处的列号） $(CurSel) 当前文本（插入当前选定文本） $(CurWord) 当前单词（插入当前单词） $(WindowList) 显示当前窗口列表并选择特定文件 例子 1. Java 编译器 菜单文本：Java 编译器 命令：c:\java\bin\javac.exe 参数：”$(FilePath)” 初始目录：$(FileDir) 捕获输出：开启 要运行已编译的 Java 类文件，你可以进行如下设置： 菜单文本：Java 命令：c:\java\bin\java.exe 参数：$(FileNameNoExt) 初始目录：$(FileDir) “命令”部分应当替换为实际的 Java 解释器的路径。 例子 2. Borland C++ 菜单文本：Borland C 命令：c:\bc\bin\bcc32.exe 参数：-Ic:\bc\include -Lc:\bc\lib -n$(FileDir) $(FilePath) 初始目录：c:\bc\bin 捕获输出：开启 例子 3. Visual C++ 菜单文本：Visual C++ 命令：c:\msdev\vc98\bin\cl.exe 参数：”$(FilePath)” 初始目录：$(FileDir) 捕获输出：开启 例子 4. Inno Setup 菜单文本：编译 Inno 命令：C:\Program Files\Inno Setup 4\Compil32.exe” 参数：/cc $(FileName) 初始目录：$(FileDir) 捕获输出：开启 例子 5. nsis 菜单文本：编译 nsis 命令：C:\NSIS\makensis.exe 参数：$(FileName) 初始目录：$(FileDir) 捕获输出：开启 例子 6. C# 菜单文本：编译 C# 命令：C:\WINDOWS\Microsoft.NET\Framework\v1.0.3705\csc.exe 参数：$(FileName) 初始目录：$(FileDir) 捕获输出：开启 在上面设置中，在命令部分，必须使用系统中各自编译器的绝对路径。 设置完毕后，你可以在“工具”菜单运行对应工具了，运行结果会显示在底部的输出窗口，你也可以通过快捷键(Ctrl + 0-9) 运行，或者是通过“用户工具栏”的快捷按钮运行。 要运行已编译的 *.exe 文件，你可以进行如下设置（此时可执行文件需要和编译文件同名）： 菜单文本：Run 命令：$(FileNameNoExt) 参数： 初始目录：$(FileDir) 【15】工具集成—— 让Editplus调试PHP程序 1:打开Editplus，选择”工具->配置用户工具…”菜单。 2:在弹出的窗口中选择”添加工具->应用程序”,给新程序起一个好记的名字，比如这里我们用”Debug PHP”,在”菜单文本”中输入”Debug PHP”。点击”命令行”右边的按钮,找到你的php.exe所在的路径，例如这里是”c:\php\php.exe”。再点击”参数”右边的下拉按钮选择”文件路径”,最后再把”捕获输出”前面的复选框选上。 3:现在测试一下，新建一个php文件，按快捷键Ctrl+1可以激活刚才我们设置的工具(如果你设置了多个工具,快捷键可能会有所不同),现在你可以看到它已经能正常工作了。但是还有一点不太理想:如果你的PHP程序出错,在输出窗口会提示你第几行出错 ,单击这一行提示,Editplus老是提示你找不到某某文件，是否新建。接下下我们要修正这个功能。 4:打开刚才用户工具设置窗口，找到刚才设置的”Debug PHP”工具。点击”捕获输出”复选框旁边的”输出模式”按钮,会弹出一个定义输出模式的窗体，把”使用默认输出模式”前面的复选框去掉, 在”正则表达式”这一项的文本框中输入” ^.+ in (.+) line ([0-9]+) “(不包括引号),细心的朋友可能会发现，这里使用的也正则表达式的语法。然后，在下面的”文件名”下拉菜单中选择”预设表达式 1″，即上边正则表达式中的第一个参数,”行”下拉菜单项选择”预设表达式 2″，”列”下拉项保持为空。然后保存设置。 5:好了，现在再来试一下吧，双击出错的行数，Editplus就会自动激活出错文件，并把光标定位到出错行,是不是特别方便呢?! 现在,Editplus经过我们的”改造“,已经可以即时的调试PHP文件了，虽然还不是”可视化”界面的，但对于一些平常的小程序来查错还是非常好用的。Editplus真是 款不可多得的好工具，如果你有什么使用技巧，不要忘了大家一起分享哦。^O^ 如果不能切换错误行号，请尝试作如下修改： （by aukw） 1.php.ini 中html_errors = Off打开 //如果你不打开，3.中的表达式要修改 2.参数改成：-q -f “$(FilePath)” //不加“符号的话文件名有空格的文件调试失败。。 //-q不输出html头信息，你去掉也行，不过调试时候你一般用不到那些header信息 3.” ^.+ in (.+) line ([0-9]+) ” 改成 “^.+ in (.+) on line ([0-9]+)$” //如果还是不行，请注意调试结果，自己修改表达式来取出文件名和行号 【16】工具集成——打造 PHP 调试环境(二) 1: 把剪辑库定位在 PHP4 Functions 上就可以在编辑时, 利用[插入]->[匹配剪辑]命令,就可以自动完成末输入完整的 PHP 函数(或直接按 F2 键) 2: 类似上面,在选择部分文字后,同样可以自动完成。(同 F2) 3: 在[参数选择]->[设置和语法]->PHP->自动完成, 选择目录下的 php.acp 文件,你可以定制自己的自动完成方式. 4: 想要即时预览文件,可在[参数选择]->[工具]->WEB 服务器中添加本地目录，(注意不要加 http:// , 应是一个有效的站点)。 　　　　如: 主机->localhost/php 根目录->D:\php 主机->localhost/asp 根目录->D:\asp 主机->localhost/cgi 根目录->D:\cgi 完成设置后只要脚本文件位于这些目录下(子目录也没问题), 就能够正确解释. 5: 各种语法和模板文件可以在 www.editplus.com 获得，可根据需要选用和编辑。 6: Ctrl+F11 可显示当前文件中的函数列表. 7: 添加各种用户工具.如: 启动MYSQL服务器管理工具->C:\mysql\bin\winmysqladmin.exe 启动Apache服务器->C:\Apache\bin\Apache.exe -k start 启动Apache服务器->C:\Apache\bin\Apache.exe -k stop (shutdown) 8: DBG 附带有一个 prof_results.php 文件,可剖析 PHP 程序的性能. 虽不是真正的调试器,但已经够了. OK! 经过改造后,是不是有点象一个 IDE 什么?还差点,没有即时帮助…看我的,再来: 9: 把 php_manual_en.chm (最好是扩展帮助手册)加入到用户工具中, 当遇到需要参考的关键字时, 把光标定位其上, 按下快捷键 Ctrl+1, 看到了吗. 在输入时有想不起来的函数名时, 先按照第 1 条的方法调出函数, 然后…怎么样? 以上有的是对于调试工具的设置，由于此类工具比较多，大家设置时参考以上的基本就差不多了，所以就不过多的列举了。 【17】在 WINPE 中集成 EDITPLUS 可以基于目前的bartpe做得WINPE中，菜单使用nu2menu制作 默认位置为 \programs\editplus\ 默认系统位置为光盘的 i386 目录 i386/system32 的 autorun.bat 中添加外壳集成（系统右键） regedit /s %SystemDrive%\programs\editplus\REG.REG regsvr32 /s \programs\editplus\EPPSHELL.DLL 复制editplus安装包里面的文件到programs\editplus\，注意，如果有setting.ini，删掉该文件在nu2menu里面加入，可以根据需要安排位于特定菜单条目下 FUNC=”@GetProgramDrive()\Programs\EditPlus\editplus.exe”>本编辑
Vue实现鼠标经过文字显示悬浮框效果的示例代码
10-14
主要介绍了Vue实现鼠标经过文字显示悬浮框效果，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
arcgis工具
10-22
单击OK，单击Tools中的Hyperlink按钮，将鼠标指移到一要素上并单击以显示其超链接。 28.Arcmap中的SQL语言 当查询ArcInfo coverages, shape文件, INFO表以及dBASE表时，SQL表达式中的字段名必须用双引号扩起。如：...
EditPlus 2整理信箱的工具
11-21
（5）移动光标，将当前插入点移到“]”之后，然后选择“匹配 0 次或更多”，该操作会添加星号字符“*”。星号表示，其前面的括号“[]”内的空格符或制表符，在一行中出现0个或多个。 （6）选择“换行符”，插入“\n...
机械设计同轴剥皮机sw18可编辑非常好的设计图纸100%好用.zip
05-01
机械设计同轴剥皮机sw18可编辑非常好的设计图纸100%好用.zip
node-v12.22.5-linux-arm64.tar.xz
最新发布
05-01
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
HBuilder制作一个鼠标感应程序，当鼠标进到页面上某段文字时，弹出提示框。
05-23
你可以使用以下代码实现这个功能： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Mouseover Text Popup</title> <style> .popup { display: none; position: absolute; background-color: #fff; border: 1px solid #ccc; padding: 10px; z-index: 9999; } </style> </head> <body> <p>当鼠标移动到这段文字上时，会弹出提示框。</p> <div class="popup"></div> <script> var popup = document.querySelector('.popup'); var text = document.querySelector('p'); text.addEventListener('mouseover', function() { popup.innerHTML = '这是提示框的内容。'; // 设置提示框的内容 popup.style.display = 'block'; // 显示提示框 popup.style.left = event.clientX + 'px'; // 设置提示框的位置 popup.style.top = event.clientY + 'px'; }); text.addEventListener('mouseout', function() { popup.style.display = 'none'; // 隐藏提示框 }); </script> </body> </html> ``` 这段代码会在页面上创建一个段落和一个空的 `<div>` 元素，并在鼠标移到段落上时显示提示框。当鼠标移出段落时，提示框会隐藏。你可以根据需要修改 `<p>` 元素中的文本和提示框的内容。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值