悬浮显示input中所有的内容
来源:互联网 发布:mdb数据库编辑器 编辑:程序博客网 时间:2024/05/21 14:08
项目中经常会遇到这个问题,在一个内容框中,由于框的宽度是固定的,但是里面的内容却有很多,那么这个时候需求里就要求第一,多余的字要以点点点的形式隐藏,第二,当鼠标移上去的时候要以title提示的方式显示文本框里的所有内容。实现的方式如下
点点点,文字溢出之前有写到。给文本框添加如下样式
display:inline-block; //这个看情况加
white-space:nowrap; //必须
overflow:hidden; //必须
text-overflow:ellipsis; //必须
white-space:nowrap; //必须
overflow:hidden; //必须
text-overflow:ellipsis; //必须
而title提示则要在input添加以下代码,这样既可实现用title提示文本框中所有内容
<input onmouseover="this.title=this.value">
补充:
刚刚发现在ie8中,select用这个方法还不能正常的提示文字,太矫情了,最后修改了半天,写了个函数调用才正常显示
<select onmouseover="selbox($(this))" ></select>
<script>function selbox(a){var val = a.val();a.attr("title",val);}</script>
阅读全文
0 0
- 悬浮显示input中所有的内容
- input text中不能显示空格后的内容
- js 实现 input 文件的内容显示
- input框输入中文内容,另一个input框中时时显示转换后的拼音首字母缩写
- 简单的悬浮显示
- select 鼠标悬浮 option 内容全部显示
- jstat显示所有内容
- jquery挨着input显示内容.
- 设置input 内容居中显示
- Drupal7如何在父分类中显示其所有子分类的内容
- 利用JQuery为显示的内容中所有图片添加超链接
- Drupal7如何在父分类中显示其所有子分类的内容
- css实现table中td单元格鼠标悬浮时显示更多内容
- android来电录音,并把文件保存在sd卡中;来电显示悬浮窗显示指定内容;
- android中悬浮显示可拖动的歌词栏
- Extjs 中鼠标划过悬浮效果的显示
- 枚举IHTMLDocument2中所有IFRAME的内容
- 遍历table中所有列的内容
- 用scikit-learn 训练SVM的例子, clf.fit() clf.predict() 的作用
- springmvc的参数绑定
- Acunetix Web Vulnarability Scanner V10.5安装及基础使用
- JavaScript<三>
- linux shell 字符串操作(长度,查找,替换)详解
- 悬浮显示input中所有的内容
- iOS
- 笔记55 | 处理CalledFromWrongThreadException错误问题
- 卷积神经网络-进化史 | 从LeNet到AlexNet
- Anaconda使用总结
- Python优雅地可视化数据
- SRWebSocket源码浅析
- ajax跨域,这应该是最全的解决方案了
- 机器学习中样本不平衡处理办法