yjxf8285@qq.com

HTML/CSS

Firefox(火狐) 下 text-overflow:ellipsis 的省略号会浮动在上面

Posted By 刘晓帆 | 910 views

text-overflow:ellipsis 属性通常用于隐藏超出长度的文本,并在文本最后面增加省略号。
如果在网页的交互等过程中,出现一个新层(例如鼠标移动到下拉菜单,弹出下拉菜单内容),在 Firefox 下,文本内容当然会被新弹出内容遮住,但是省略号并不会。它会出现在新层的上面。
如果你也遇到了这个问题,解决方法很简单,只需要为新弹出的覆盖层的 z-index 属性赋值为 >1 的数值即可,这样就可以解决了。你可以在上面的 Demo 中,使用 Firebug 增加一下。

Read More
  • Firefox(火狐) 下 text-overflow:ellipsis 的省略号会浮动在上面已关闭评论
  • over 2 years ago
24678a133bdce7151118934d257e4480

Plugins/Tools

jQuery dataTables 的使用

Posted By 刘晓帆 | 5,115 views

jQuery 的插件 dataTables 是一个优秀的表格插件,提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。dataTables 的网站上也提供了大量的演示和详细的文档进行说明,为了方便学习使用,这里一步一步进行说明。
首先,需要到 dataTables 的网站 http://www.datatables.net/ 下载这个脚本库,
目前最新的版本是 1.8.2,下载的压缩包中使用的 jQuery 是 1.4.4 。现在 jQuery1.5.1 已经发布,所以,这里使用最新的 jQuery 1.5.1 。
然后,在网页中先加入 jQuery 的引用,然后,加入 dataTables 的引用。
引入CSS文件和JS文件
————————————————————————–
<style type=”text/css” title=”currentStyle”>
@import “DataTables-1.8.1/media/css/demo_page.css“;
@import “DataTables-1.8.1/media/css/demo_table.css“;
@import “DataTables-1.8.1/media/css/demo_table_jui.css“;
</style>
<script type=”text/javascript” language=”javascript” src=”DataTables-1.8.1/media/js/jquery.js“></script>
<script type=”text/javascript” language=”javascript” src=”DataTables-1.8.1/media/js/jquery.dataTables.js“></script>
 ———–最简单的方式:
Read More

JavaScript

JS数字金额大写转换

Posted By 刘晓帆 | 924 views

/** 数字金额大写转换(可以处理整数,小数,负数) */
var digitUppercase = function(n) {
var fraction = [‘角’, ‘分’];
var digit = [
‘零’, ‘壹’, ‘贰’, ‘叁’, ‘肆’,
‘伍’, ‘陆’, ‘柒’, ‘捌’, ‘玖’
];
var unit = [
[‘元’, ‘万’, ‘亿’],
[”, ‘拾’, ‘佰’, ‘仟’]
];
var head

Read More