WordPress自动截断字符的几种方法。

1.PHP方法

<?php

echo mb_strimwidth(//调用mb_string的extension方法

strip_tags(//过滤字符中的源代码

apply_filters(’the_content’, $post->post_content)//过滤截取的内容。

),

0, 80,"…");//80是字符长度,另外这边可以设定强制编码。

?>

优点:简单有效,通用性强。

缺点:服务器必须开启PHP的mb_string模块。

其他的PHP截断字符的方法都需要写函数,比较麻烦,这里就不多说了。

2.jQuery方法。

$(document).ready(function(){

$("[@limit]").each(function(){
var Text = $(this).text();//获得内容,这里会过滤小HTML代码
var textLength = $(this).text().length;//得到内容字节数
var num = $(this).attr("limit");//获得需要截取的值
//alert(textLength)
if(textLength > num){
$(this).attr("title",Text);//将完整内容写入标签Title,有利于客户体验。
$(this).text(Text.substring(0,num) + "…");//…是结尾最加的东西
}
});

});

<h2 limit="24">截取内容截取内容截取内容截取内容截取内容截取内容截取内容截取内容</h2>

优点:通用性强,有利于SEO。

缺点:稍微有点难,另外当前页面需要截取的内容过多的话可能对客户端造成压力。

3.CSS方法。

h2.title{
width:200px; // 宽度
height:24px; // 高度
overflow:hidden; // 裁切超出部分
text-overflow:ellipsis; // 显示省略号,Firefox无效。
white-space:nowrap; // 强制不换行 。
}

优点:简单。

缺点:通用性差。

Comments [6] TAG: , , , , , | Categories: Web 技术

Posted on: 十二月 26, 2008

DD_belatedPNG,最新的PNG-24 For ie6解决方案。 (…Better late than never!)

DD_belatedPNG,最新的PNG-24 For ie6解决方案。 (...Better late than never!)

今天闲逛老外Bolg看到,非常了得。

支持背景循环和定位,以前一直没有类似的解决方案。
支持focus,Hover。用滤镜的话这个问题很麻烦,或者用定位脱离父子关系,或者Z-index来叠加。
整个文档压缩后是4Kb,实施非常简单。( 支持Css2选择器)
多的不说了,自己看吧。

http://www.dillerdesign.com/experiment/DD_belatedPNG

Comments [5] TAG: , , , | Categories: Web 技术

Posted on: 十二月 13, 2008

理解 JavaScript 闭包

firefox_3

原文:理解 JavaScript 闭包

 

要成为高级 JavaScript 程序员,就必须理解闭包。

本文结合 ECMA 262 规范详解了闭包的内部工作机制,让 JavaScript 编程人员对闭包的理解从“嵌套的函数”深入到“标识符解析、执行环境和作用域链”等等 JavaScript 对象背后的运行机制当中,真正领会到闭包的实质。

原文链接:JavaScript Closures

可打印版:JavaScript 闭包

简介

Closure
所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。

View more

no Comments TAG: | Categories: Web 技术

Posted on: 八月 5, 2008

SEARCH

A Bit About Me

喜欢胡思乱想。兴趣极为广泛,并为此烦恼。
{CSSWORK}是我的个人网志,记录了一些生活中的琐事、工作的新得MORE +

本站采用: Creative Commons 协议