11 29 , 2008
Tagged: css ,text-overflow ,xul ,主流 ,兼容 ,单行 ,字符 ,方法 ,浏览器 ,长度 ,限制 |
Cat: css |
一直以来我都以为css是无法限制字符长度的,最近才发现原来可以这样.最简单的兼容方法:
.textOverflow {
width:100px;
white-space:nowrap;/*限制单行输出*/
text-overflow:ellipsis;/*只支持IE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*Opera专用*/
-moz-binding: url('ov.xml#ellipsis');/*firefox下实现要配套对应的xml文件*/
}
/*.xul是为添加的class属性*/
.xul{
color:#fff;
}
html代码:
块级元素块级元素块级元素块级元素块级元素块级元素
根目录下ov.xml文件代码:
现在网上很多是流行js方法来兼容ff的,其实上述介绍的是用了xul:description的方法,^_^我也不知道那是啥来的,不过这样写很简洁。
关于xul的教程《XUL教程 》
转载请注明:作者Joe 地址:http://xiebiji.com/2008/11/textoverflow
11 29 , 2008
Tagged: bind ,function ,JS ,mootool ,方便 ,框架 ,类 |
Cat: mootools |
mootool这个类oo型的S框架果然强大!其中的function类有一个方法叫bind,这东西太方便了!怎样方便,请看以下代码:
HTML代码:
mootool要变我颜色了!
JS代码:
var e=$('element');
function ChangeColor(){
this.setStyle('background','red');
}
var ChangeColorBind=ChangeColor.bind(e);//这样ChangeColor函数里面的this就被e元素替换了!
ChangeColorBind();
也许这里你还没看见这个有多方便方便,但是涉及到嵌套函数的时候你就知道它有多强大了!
11 25 , 2008
Tagged: Hack ,HTML ,IE ,if ,W3C |
Cat: HTML , css |
天马行空!!先把这个记下先!
在CSS布局中,还常常用到IE Hack。if IE起着非常大的作用!
if IE什么意思呢?下面就列举了一些在CSS常见的HACK控制语句。
作为IE的IF条件注释使用备忘,有些时候试用if IE而不是在css中使用hack,就能通过w3c验证。
11 24 , 2008
Tagged: ideapad ,LOGO ,投票 ,联想 |
Cat: 生活分享 |
参加了联想的ideapad笔记本营销比赛,目前在拉票中。希望得到大家支持!
支持的请点击:http://www.gzlenovoclub.com/test/View.asp?id=212
非常感谢!
11 23 , 2008
Tagged: 200块 ,ie6 ,JS ,mootool ,mt ,网页 |
Cat: 原创作品 |
看来我的JS(MT)确实不行啊,写了一个下午才有那么点特效,这个是前阵子接来做的网页,只收了200块。一点点钱也好啦。高手就瞄一下就好啦~非常欢迎提供的意见。以下是橙色跟蓝色的不同测试地址:
蓝色版:http://xiebiji.com/works/eshop
橙色版:http://xiebiji.com/works/eshop -orange
特效是用mootool写的,flash是JS交互的。客户最终选择了蓝色版,我自己比较喜欢橙色版,很久以前问某个女同学她说她喜欢橙色,于是我就以橙色色调做的^_^!蓝色版是以橙色版为基础改过来的。
有时当一下网络民工也不错^_^!
PS.真的很希望IE6快点灭亡,下午就是一个css兼容问题搞了两个小时的!!!