JavaScript 改变控件位置

主要用于如下的框架提示框控件<span></span>提示<input>控件也就是类似那些注册验证的提示然后根据input的坐标让span的坐标和input对齐因为上面的... 主要用于如下的框架
提示框
控件
<span></span>提示
<input>控件
也就是类似那些注册验证的提示
然后根据input的坐标 让span的坐标和input对齐
因为上面的控件提示会在div啊嵌套着
用.style.left的话,似乎会对不齐

所以我想知道,如何触发提示时候让span对应在input上,是绝对定位,不被任何因素破坏掉 当然span 都有ID的。
展开
 我来答
百度网友a435633
2010-03-01 · TA获得超过1234个赞
知道大有可为答主
回答量:1018
采纳率:0%
帮助的人:0
展开全部
你这个问题有很多现成的代码,你上网找关键字“javascript tooltip”,结果会纳裤正洞悔有一大堆。

自己做也不难,原理就是设置 label 的两个 style 属性:
visibility:hidden; /*不可见纯世*/
position:absolute; /*绝对坐标*/

输入控件得到焦点(focus)的时候,取得该控件的绝对坐标(left, top),根据这两个值计算 label 的坐标,然后更新 lable 的 left 和 top,并且设置 visibility:visible 使其可见。输入控件失去焦点(blur)的时候,又设置 visibility:false 使其隐藏。

推荐用 jQuery, jQuery 有很多优秀的 tooltip 插件。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
Passer_MWorld
2010-02-28 · TA获得超过424个赞
知道小有建树答主
回答量:369
采纳率:0%
帮助的人:404万
展开全部
<div>
<input>
<span style='left:0;top:0'>含毁</span>宽祥
<谈巧备/div>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式