JavaScript 改变控件位置
主要用于如下的框架提示框控件<span></span>提示<input>控件也就是类似那些注册验证的提示然后根据input的坐标让span的坐标和input对齐因为上面的...
主要用于如下的框架
提示框
控件
<span></span>提示
<input>控件
也就是类似那些注册验证的提示
然后根据input的坐标 让span的坐标和input对齐
因为上面的控件提示会在div啊嵌套着
用.style.left的话,似乎会对不齐
所以我想知道,如何触发提示时候让span对应在input上,是绝对定位,不被任何因素破坏掉 当然span 都有ID的。 展开
提示框
控件
<span></span>提示
<input>控件
也就是类似那些注册验证的提示
然后根据input的坐标 让span的坐标和input对齐
因为上面的控件提示会在div啊嵌套着
用.style.left的话,似乎会对不齐
所以我想知道,如何触发提示时候让span对应在input上,是绝对定位,不被任何因素破坏掉 当然span 都有ID的。 展开
2个回答
展开全部
你这个问题有很多现成的代码,你上网找关键字“javascript tooltip”,结果会有一大堆。
自己做也不难,原理就是设置 label 的两个 style 属性:
visibility:hidden; /*不可见*/
position:absolute; /*绝对坐标*/
输入控件得到焦点(focus)的时候,取得该控件的绝对坐标(left, top),根据这两个值计算 label 的坐标,然后更新 lable 的 left 和 top,并且设置 visibility:visible 使其可见。输入控件失去焦点(blur)的时候,又设置 visibility:false 使其隐藏。
推荐用 jQuery, jQuery 有很多优秀的 tooltip 插件。
自己做也不难,原理就是设置 label 的两个 style 属性:
visibility:hidden; /*不可见*/
position:absolute; /*绝对坐标*/
输入控件得到焦点(focus)的时候,取得该控件的绝对坐标(left, top),根据这两个值计算 label 的坐标,然后更新 lable 的 left 和 top,并且设置 visibility:visible 使其可见。输入控件失去焦点(blur)的时候,又设置 visibility:false 使其隐藏。
推荐用 jQuery, jQuery 有很多优秀的 tooltip 插件。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询