Office 2007發布文章測試~~~

這是一篇使用Office 2007發布的Blog文章。

 

這張圖片通過剪切板功能上傳。

 
 

現在的問題是

  1. 1,找不到源代碼編輯模式。
  2. 2,文章無法分類,只能發布的默認類別。
  3. 3 ,無法插入Tags

 
 

不過已經足夠強大了!繼續研究

Comments [3] Categories: Web 技术

Posted on: 二月 20, 2009

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

一道有趣的CSS考题。

当我看到这道题目时,第一想法就是“出这道题的人真的太BT了”。

以下是考题要求

  1. 1,结构良好,符合标准。
  2. 2,时间和标题间距为10Px。
  3. 3,标题过长时截取多余字符,但时间必须保持完整。
  4. 4,多浏览器兼容。
  5. 5,必须使用CSS来实现。

点击这里查看最终结果

这道题的关键是display,position属性的理解,和overflow:hidden;的灵活应用,以下是我的解答流程。

View more

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

Posted on: 九月 26, 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

HTML5 第二份草案

ascent.jpg

转自 蓝色理想

昨天在W3C看到,6月10日发布了新的HTML 5 草案(Working Draft)。粗略的读了一下它提供的新版本说明文档,作了一点笔记:

HTML 5草案并没有成为正式标准
Publication as a Working Draft does not imply endorsement by the W3C Membership.
作为“草案”发布并不意味着已经得到W3C成员的背书(支持)。
The HTML 5 specification will not be considered finished before there are at least two complete implementations of the specification.
HTML 5规范要等到有至少两个软件对其实现了之后,才会宣布定案。

View more

no Comments TAG: , , | Categories: Web 技术

Posted on: 六月 17, 2008

SEARCH

A Bit About Me

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

本站采用: Creative Commons 协议