Crazy Ben's Blog http://www.ossi.cn 消失的，记住了，我站在海角天涯 Fri, 06 Jan 2012 05:10:13 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 OFFICE图标消失的解决方法 http://www.ossi.cn/2012-01/office-icon/ http://www.ossi.cn/2012-01/office-icon/#comments Fri, 06 Jan 2012 05:09:50 +0000 Ben http://www.ossi.cn/?p=730 您可能也喜欢：
10个最佳jQuery Lightbox效果插件收集
YUI--Life 音乐MV
The Art of Flight
明天你是否会想起昨天你写的日记？
4minute力量 泫雅solo Change高清中韩字幕MV 无觅 ]]> 注明，本方法适用于清理电脑垃圾文件后引起Office图标消失，变成未关联状态的情况修复。

前两天用的都没有问题，今天用WIN7优化大师清理了一下C盘，做了个瘦身，找到一个Installer文件夹，明明写着可以安全删除的，结果发现真是泥马的坑爹啊。清理过后Ofiice图标不见了，doc和ppt之类的文件都是windows无法识别文件图标，但经检查后缀名没错，而且开始菜单里的程序组里office里的word、excel等图标也是无法识别的，双击也能打开，就是没有图标，经网上查询，出问题的解决方法，希望有遇到类似情况的网友们可以借鉴此例。

解决方法：Office 程序图标丢失是因为C:\WINDOWS\Installer\中的Office图标目录被删除导致，其中的{90120000-0011-0000-0000-0000000FF1CE}文件夹中的文件就包含了Office 2007程序的图标。你只需去其他安装同版本有Office的电脑上将这个文件夹拷贝过来即可。 我这里是以Office 2007为例的，据说office2003的图标是在C:\WINDOWS\Installer\{90110804-6000-11D3-8CFE-0150048383C9}，大家可以去验证一下。其实可以直接打开Installer中的那些以数字开头的文件夹找一下就行了，看到哪个里面有Office的图标就是他了。

您可能也喜欢：

欢迎您来到谷歌搜索在中国的新家
漫画解析BMW的由来
The Art of Flight
64K大小的绚丽长时间3D动画.
YUI - feel my soul
无觅
]]> http://www.ossi.cn/2012-01/office-icon/feed/ 2 Html5新标签解释及用法 http://www.ossi.cn/2011-12/html5-new-tag/ http://www.ossi.cn/2011-12/html5-new-tag/#comments Wed, 07 Dec 2011 06:52:15 +0000 Ben http://www.ossi.cn/?p=722 您可能也喜欢： 通过CSS强制内容不换行 CSS控制图片等比例缩放 ie中关于document.body.scrollLeft总是0的原因 css常用命名列表 CSS 中文字体的英文名称 宋体 微软雅黑等 无觅 ]]> HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。

HTML 5 提供了一些新的元素和属性，反映典型的现代用法网站。其中有些是技术上类似 <div> 和 <span> 标签，但有一定含义，例如 <nav>（网站导航块）和 <footer>。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能，通过一个标准接口，如 <audio> 和 <video> 标记。

并且目前已经不用太过于担心在低版本的IE中兼容性问题，只要在HEAR部分加入如下JS,并且在CSS中加入一些样式让低版本的IE把新的HTML5标签当做DIV来处理就可以解决IE不兼容的问题：

<!--[if lt IE 8]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
< ![endif]-->

在css里面加上这段：

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

一些过时的 HTML 4 标记将取消，其中包括纯粹用作显示效果的标记，如 <font> 和 <center>，因为它们已经被 CSS 取代。还有一些透过 DOM 的网络行为（via）。

下面我们来看一下HTML 5提供的一些新的标签用法以及和HTML 4的区别。

<article>标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
HTML5:<article></article>
HTML4:<div></div>

<aside>标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。
HTML5:<aside>Aside 的内容是独立的内容，但应与文档内容相关。</aside>
HTML4:<div>Aside 的内容是独立的内容，但应与文档内容相关。</div>

<audio> 标签定义声音，比如音乐或其他音频流。
HTML5:<audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>
HTML4:<object type="application/ogg" data="someaudio.wav"><param name="src" value="someaudio.wav"></object>

<canvas> 标签定义图形，比如图表和其他图像。这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。
HTML5:<canvas id="myCanvas" width="200" height="200"></canvas>
HTML4:<object data="inc/hdr.svg" type="image/svg+xml" width="200" height="200"></object>

<command> 标签定义命令按钮，比如单选按钮、复选框或按钮。
HTML5: <command onclick=cut()" label="cut">
HTML4: none

<datalist> 标签定义可选数据的列表。与 input 元素配合使用，就可以制作出输入值的下拉列表。
HTML5: <datalist></datalist>
HTML4: see combobox.

<details> 标签定义元素的细节，用户可进行查看，或通过点击进行隐藏。与 <legend> 一起使用，来制作 detail 的标题。该标题对用户是可见的，当在其上点击时可打开或关闭 detail。
HTML5: <details></details>
HTML4: <dl style="display:hidden"></dl>

<embed> 标签定义嵌入的内容，比如插件。
HTML5: <embed src="horse.wav" />
HTML4: <object data="flash.swf" type="application/x-shockwave-flash"></object>

<figcaption> 标签定义 figure 元素的标题。”figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。
HTML5: <figure><figcaption>PRC</figcaption></figure>
HTML4: none

<figure> 标签用于对元素进行组合。使用 <figcaption> 元素为元素组添加标题。
HTML5: <figure><figcaption>PRC</figcaption><p>The People's Republic of China was born in 1949...</p></figure>
HTML4: <dl><h1>PRC</h1><p>The People's Republic of China was born in 1949...</p></dl>

<footer> 标签定义 section 或 document 的页脚。典型地，它会包含创作者的姓名、文档的创作日期以及/或者联系信息。
HTML5: <footer></footer>
HTML4: <div></div>

<header> 标签定义 section 或 document 的页眉。
HTML5: <header></header>
HTML4: <div></div>

<hgroup> 标签用于对网页或区段（section）的标题进行组合。
HTML5: <hgroup></hgroup>
HTML4: <div></div>

<keygen> 标签定义生成密钥。
HTML5: <keygen>
HTML4: none

<mark>主要用来在视觉上向用户呈现那些需要突出的文字。<mark>标签的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。
HTML5: <mark></mark>
HTML4: <span></span>

<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。必须定义度量的范围，既可以在元素的文本中，也可以在 min/max 属性中定义。
HTML5: <meter></meter>
HTML4: none

<nav> 标签定义导航链接的部分。
HTML5: <nav></nav>
HTML4:<ul></ul>

<output> 标签定义不同类型的输出，比如脚本的输出。
HTML5: <output></output>
HTML4: <span></span>

<progress> 标签运行中的进程。可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进程。
HTML5: <progress></progress>
HTML4: none

<rp> 标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。
HTML5: <ruby>漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt></ruby>
HTML4: none

<rt> 标签定义字符（中文注音或字符）的解释或发音。
HTML5: <ruby>漢 <rt> ㄏㄢˋ </rt></ruby>
HTML4: none

<ruby> 标签定义 ruby 注释（中文注音或字符）。
HTML5: <ruby>漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt></ruby>
HTML4: none

<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
HTML5: <section></section>
HTML4: <div></div>

<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。
HTML5: <source>
HTML4: <param>

<summary> 标签包含 details 元素的标题，”details” 元素用于描述有关文档或文档片段的详细信息。”summary” 元素应该是 “details” 元素的第一个子元素。
HTML5: <details><summary>HTML 5</summary>This document teaches you everything you have to learn about HTML 5.</details>
HTML4: none

<time> 标签定义日期或时间，或者两者。
HTML5: <time></time>
HTML4: <span></span>

<video> 标签定义视频，比如电影片段或其他视频流。
HTML5: <video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签。</video>
HTML4:<object type="video/ogg" data="movie.ogv"><param name="src" value="movie.ogv"></object>

您可能也喜欢：
通过CSS强制内容不换行
CSS控制图片等比例缩放
ie中关于document.body.scrollLeft总是0的原因
css常用命名列表
CSS 中文字体的英文名称 宋体 微软雅黑等
无觅
]]> http://www.ossi.cn/2011-12/html5-new-tag/feed/ 0 flash中调用js函数实现flash和js的通信 http://www.ossi.cn/2011-11/flash-js-communicate/ http://www.ossi.cn/2011-11/flash-js-communicate/#comments Wed, 09 Nov 2011 10:42:45 +0000 admin http://www.ossi.cn/?p=717 您可能也喜欢： css中如何使div居中(垂直水平居中) flash(AS2.0)利用flashvars外部传参数给swf文件。 让DIV层位于flash对象之上 jquery 样式选择器插件-styleSwitch 1.0 通过CSS强制内容不换行 无觅 ]]> 项目中遇到一个情况，需要在FLASH播放结束后自动执行一个JS函数，此JS函数是利用JQurey来通过关闭FLASH所在的DIV，并且显示出原先隐藏的另一个DIV容易来代替目前的Flash。

JS代码如下：

<script type="text/javascript">
function showfocus()
{
$(".focus").fadeIn(500);
}
function flashover()
{
$(".flashzone").fadeOut(1000,showfocus);
}
</script>

里面有2个函数 showfocus 是用来显示原先隐藏的一个层，flashover是先关闭当前的层后在执行showfocus

现在目的是想让FLASH播放好后自动调用 flashover 这个函数来实现前面所说的效果。

实现方法如下：

在FLASH相应的位置加上一个关键帧，写入AS代码

import flash.external.ExternalInterface;
ExternalInterface.call("mPause");

如果想执行到这段AS之后延时10秒再去执行JS函数，可以利用setInterval（这是as2中的用法，as3中可以用setTimeout更简单）来实现，如下：

import flash.external.ExternalInterface;
var abc=setInterval(js_pause,10000);
function js_pause(){
ExternalInterface.call("flashover");
clearInterval(abc);
}

注：setInterval表示每隔N秒调用一次函数，所以想达到延迟10秒调用函数的效果，在调用完函数之后就要清楚刚才的时间间隔，否则是降低运行速度。

您可能也喜欢：
css中如何使div居中(垂直水平居中)
flash(AS2.0)利用flashvars外部传参数给swf文件。
让DIV层位于flash对象之上
jquery 样式选择器插件-styleSwitch 1.0
通过CSS强制内容不换行
无觅
]]> http://www.ossi.cn/2011-11/flash-js-communicate/feed/ 1 通过CSS强制内容不换行 http://www.ossi.cn/2011-11/css-white-space/ http://www.ossi.cn/2011-11/css-white-space/#comments Tue, 08 Nov 2011 04:33:45 +0000 admin http://www.ossi.cn/?p=712 您可能也喜欢： Html5新标签解释及用法 CSS控制图片等比例缩放 css中如何使div居中(垂直水平居中) css常用命名列表 用XHTML+CSS实现文章列表标题时间对齐 无觅 ]]> 项目中遇到这么一个情况：一个规定宽度的DIV里面需要横向排列一span来放置数据，每个span的内容长短不一，设置为DISPLAY：block，并且Float:left,这样每个Span都能根据里面内容自适应宽度，并且一个个挨着靠左浮动。

现在要达到的效果是一行中当某个span挤不进去的时候，就自动换行，而不是把它的父容器撑宽度或者把它自己撑高（它的内容出现换行）。

经过测试在大部分浏览器下都没问题，但是在IEE6下它不会换行，也没有把父容器撑宽，而是硬生生挤进去，把自己变窄并撑高了，里面的文字换行了。

为了解决这个问题找了word-break这个属性来解决，发现IE6不支持。

重新经过百度娘的指导，使用white-space: nowrap;问题得到解决。

语法：
white-space : normal | pre | nowrap
取值：
normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ，此属性可以使用，但是不会发生作用。结果等同于 normal 。参阅 pre 对象
nowrap : 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。参阅 noWrap 属性

说明：
设置或检索对象内空格字符的处理方式。
空格字符，像换行，空格，TAB，在HTML文档中默认的是被忽略的。当此属性设置为 normal 或者 nowrap 时，你可以使用不换行空格的命名实体来添加空格，用 br 元素来添加换行。此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响一样。
此属性作用于块对象。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 whiteSpace 。

您可能也喜欢：
Html5新标签解释及用法
CSS控制图片等比例缩放
css中如何使div居中(垂直水平居中)
css常用命名列表
用XHTML+CSS实现文章列表标题时间对齐
无觅
]]> http://www.ossi.cn/2011-11/css-white-space/feed/ 0 CSS 中文字体的英文名称 宋体 微软雅黑等 http://www.ossi.cn/2011-09/css-font/ http://www.ossi.cn/2011-09/css-font/#comments Sat, 10 Sep 2011 11:29:16 +0000 Ben http://www.ossi.cn/?p=709 您可能也喜欢： 用XHTML+CSS实现文章列表标题时间对齐 CSS控制图片等比例缩放 css中如何使div居中(垂直水平居中) 用css控制字符溢出用省略号表示 通过CSS强制内容不换行 无觅 ]]> 在网页前端开发制作中经常遇到需要使用微软雅黑，宋体等中文字体的情况，一般我们直接使用

font-family:"微软雅黑";

这样的写法，然而在一些英文系统或者MAC中直接在CSS中使用中文可能会无法读取，或者你是像我一样，看到在CSS中出现中文就心里不爽的人，那么，介绍CSS中几种中文字体的英文写法：

Mac OS的一些：

华文细黑：STHeiti Light [STXihei]
华文黑体：STHeiti
华文楷体：STKaiti
华文宋体：STSong
华文仿宋：STFangsong
俪黑 Pro：LiHei Pro Medium
俪宋 Pro：LiSong Pro Light
标楷体：BiauKai
苹果俪中黑：Apple LiGothic Medium
苹果俪细宋：Apple LiSung Light

Windows的一些：

新细明体：PMingLiU
细明体：MingLiU
标楷体：DFKai-SB
黑体：SimHei
宋体：SimSun
新宋体：NSimSun
仿宋：FangSong
楷体：KaiTi
仿宋_GB2312：FangSong_GB2312
楷体_GB2312：KaiTi_GB2312
微软正黑体：Microsoft JhengHei
微软雅黑体：Microsoft YaHei

装Office会生出来的一些：

隶书：LiSu
幼圆：YouYuan
华文细黑：STXihei
华文楷体：STKaiti
华文宋体：STSong
华文中宋：STZhongsong
华文仿宋：STFangsong
方正舒体：FZShuTi
方正姚体：FZYaoti
华文彩云：STCaiyun
华文琥珀：STHupo
华文隶书：STLiti
华文行楷：STXingkai
华文新魏：STXinwei

您可能也喜欢：
用XHTML+CSS实现文章列表标题时间对齐
CSS控制图片等比例缩放
css中如何使div居中(垂直水平居中)
用css控制字符溢出用省略号表示
通过CSS强制内容不换行
无觅
]]> http://www.ossi.cn/2011-09/css-font/feed/ 0 WordPress页面函数：wp_list_pages() http://www.ossi.cn/2011-08/wp-list-pages/ http://www.ossi.cn/2011-08/wp-list-pages/#comments Mon, 08 Aug 2011 15:16:00 +0000 Ben http://www.ossi.cn/?p=704 您可能也喜欢： IIS环境下wordpress中永久链接去掉index.php WordPress Audio Player最新汉化版发布下载 WordPress永久链接或固定链接设置技巧 wordpress代码高亮插件CodeColorer使用方法 通俗易懂的WordPress函数简明教程（三） 无觅 ]]> 模板标签wp_list_pages( )将WordPress页面作为链接显示出来。该模板标签常用于自定义侧边栏或标题，也常用于其他模板中。该模板标签在WordPress 1.5及更新版本中可用。

用法：

<?php wp_list_pages('arguments'); ?>

默认参数设置为：

$defaults = array(      
    'depth'       => 0,   显示所有页面和子页面（无深度限制）
    'show_date'   => '',     不显示创建日期
    'date_format' => get_option('date_format'),      
    'child_of'    => 0,      子页面无限制
    'exclude'     => '',    不删除任何页面
    'title_li'    => __('Pages'),   页面列表的标题为“Pages（页面）”
    'echo'        => 1,     回显（显示）结果
    'authors'     => '',      不局限于特定作者
    'sort_column' => 'menu_order, post_title',  先按页面顺序再按页面标题排序
    'link_before' => '',      
    'link_after'  => '',      
    'exclude_tree'=> '' );不删除父级/子级树


隐藏或改变列表标题
给title_li参数传递一个零值或空值，可以隐藏由wp_list_pages生成的页面列表默认标题。下面的代码可显示所述效果：

<ul>  
<?php wp_list_pages('title_li='); ?>  
</ul>

在下面这个例子中，列表中只包含编号为9，5，23的页面，标题内容被改为“Poetry”，格式为< h2 >:

<ul>    
  <?php wp_list_pages('include=5,9,23&title_li=<h2>' . __('Poetry') . '' ); ?>  
</ul>

将页面按页面顺序排列
下面的例子将页面按管理栏中 Write > Page 定义的页面顺序进行排列。

<ul>    
  <?php wp_list_pages('sort_column=menu_order'); ?>  
</ul>

如果希望将列表按页面顺序进行排列并将“Prose”作为列表标题（以h2格式）显示在侧边栏中，可将以下代码添加到sidebar.php文件中：

<ul>    
  <?php wp_list_pages('sort_column=menu_order&title_li=<h2>' . __('Prose') . '' ); ?>  
</ul>

使用下列代码段，可显示出无标题并以页面顺序排列的页面：

<ul>    
  <?php wp_list_pages('sort_column=menu_order&title_li='); ?>  
</ul>

将页面按发表日期排列
下列代码显示出的页面将按发表日期进行排列，在页面列表项旁显示日期。

<ul>    
  <?php wp_list_pages('sort_column=post_date&show_date=created'); ?>  
</ul>

从列表中排除页面
用exclude参数可隐藏列表中由wp_list_pages生成的若干页面。

<ul>    
  <?php wp_list_pages('exclude=17,38' ); ?>  
</ul>

显示列表中特定页面
若仅希望在列表中显示特定页面，例如编号为35，7，26和13的页面，可使用include参数。

<ul>    
  <?php wp_list_pages('include=7,13,26,35&title_li=<h2>' . __('Pages') . '' ); ?>    
</ul>

显示子页面
注意：即使没有子页面，HTML标签也是必要的（ul或ol）。用css设置列表时需要将这一点谨记在心。

<ul>    
  <?php    
  wp_list_pages('title_li=&child_of='.$post->ID.'&show_date=modified    
  &date_format=$date_format'); ?>    
</ul>

以下代码仅在目前页面有子页面（将目前页面设为父级页面的页面）的情况下生成列表：

<?php    
  $children = wp_list_pages('title_li=&child_of='.$post->ID.'&echo=0');    
  if ($children) { ?>    
  <ul>    
  <?php echo $children; ?>    
  </ul>    
  <?php } ?>

在子页面上列出子页面
上述示例都是在父级页面上展示子页面，却没有说明如何在子页面上进行展示。可用下列代码在某一父页面或其中一个子页面上展示子页面。
将本代码放在侧边栏的widget区块后，代码将无法运行。

<?php    
  if($post->post_parent)    
  $children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0");    
  else    
  $children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");    
  if ($children) { ?>    
  <ul>    
  <?php echo $children; ?>    
  </ul>    
  <?php } ?>

本代码也可用在sidebar.php中，仅显示顶级页面。但浏览到包含子页面的页面时，仅显示其子页面。
浏览主页时在侧边栏显示所有顶级页面
浏览没有子页面的顶级页面时，显示所有顶级页面
浏览有子页面的顶级页面时，显示所有子页面及下一级页面
浏览子页面时，显示其父级页面下的所有子页面和下一级页面

<?php  
$output = wp_list_pages('echo=0&depth=1&title_li=<h2>Top Level Pages ' );  
if (is_page( )) {    
  $page = $post->ID;    
  if ($post->post_parent) {      
    $page = $post->post_parent;    
  }    
  $children=wp_list_pages( 'echo=0&child_of=' . $page . '&title_li=' );    
  if ($children) {      
    $output = wp_list_pages ('echo=0&child_of=' . $page . '&title_li=<h2>Child Pages</h2>');    
  }  
}  
echo $output;  
?>

页面选项标记与格式
默认情况下，wp_list_pages( )生成一个嵌套的、由管理栏 Write > Page 生成的无序WordPress页面列表。将title_li参数设为任意空字符后可除去最外围选项（li.pagenav）和列表（ul）。
所有wp_list_pages( )生成的列表项（li）都被标上page_item类。显示页面时将调用wp_list_pages( )，这时该页面的列表项被赋予附加类current_page_item。

<?php
<li class="pagenav">  
Pages [title_li]    
  <ul>      
    <!-- Output starts here if 'title_li' parameter is empty -->      
    <li class="page-item-2 page_item current_page_ancestor current_page_parent">        
      [parent of the current Page]        
      <ul>          
        <li class="page-item-21 page_item current_page_item">            
          [the current Page]          
        </li>        
      </ul>      
    </li>      
    <li class="page-item-3 page_item">        
      [another Page]      
    </li>    
  </ul>

可以用CSS选择器为这些列表项进行样式设计：

.pagenav { … } /* the outermost list item; contains whole list */  
.page-item-2 { … } /* item for Page ID 2 */  
.page_item { … } /* any Page item */  
.current_page_item { … } /* the current Page */  
.current_page_parent { … } /* parent of the current Page */  
.current_page_ancestor { … } /* any ancestor of the current Page */  参数
sort_column (字符)

按不同方式对页面列表进行排序。默认设置成按页面标题的字母顺序排序。
‘post_title’ —— 按页面标题的字母顺序排序——默认
‘menu_order’ —— 按页面顺序（Page Order）进行排序。注意页面顺序和页面编号的区别。页面编号是由WordPress为每篇文章或页面设定的独有的数字，而页面顺序则由用户在管理栏的Write>Pages中设置。
‘post_date’ —— 按页面创建日期排序。
‘post_modified’ —— 按最后修改时间进行排序。
‘ID’ —— 按页面序列编号排序。
‘post_author’ —— 按页面创建者的序列编号排序。
‘post_name’ —— 按页面缩略名的字母顺序排序。
注意：sort_column参数可按WordPress数据库 wp_post table中任意字段的描述符来对页面列表进行排序。下面给出一些实用示例。
sort_order (字符)
更改页面列表的排列顺序（升序或降序）。默认为升序。可能的值为：
‘asc’ ——按从低到高顺序排列（默认）
‘desc’ —— 按从高到低顺序排列
exclude (字符)
定义一列页面编号并用逗号隔开，将其从已有列表中删除（例如：’exclude=3，7，1′）。无默认值。
exclude_tree (整数)
与’child_of’相反，’exclude_tree’从结果中移除已知编号的所有子页面。也可用于隐藏已知页面的所有子页面。该参数还可联合’child_of’ 的值以隐藏孙页面。在2.7版本中该参数可用。
include (字符)
仅包含get_pages生成的特定页面列表。include参数与exclude同样用逗号将页面编号隔开。无默认值。
depth(整数)
该参数决定wp_list_pages生成的列表中包含的页面层次级数。默认值为0（显示子页面内的所有页面）。
0 — 以层级方式（缩进）显示所有页面和子页面（默认）
-1 — 以平级方式（不缩进）显示子页面中的页面
1 — 仅显示最上层页面
2 — 该值（或更大值）表示需要显示页面内部的层级数
child_of (整数)
仅显示单个页面的子页面；值为默认编号。默认值为0（显示所有页面）。注意child_of参数不仅获取直系子页面，也会从已知编号中获取“孙页面”。默认值为0（显示所有页面）。
show_data(字符)
在每篇页面旁显示创建日期或最新修改日期。默认值为空值（不显示日期）。可用的值包括：
‘ ‘ — 不显示日期（默认）
‘modified’ — 显示最新修改日期
‘xxx’ — 任何非’modified’值都将显示页面最初创建的日期（post_date）。参看上文中的示例。
date_format(字符)
该参数对show_date参数生成的页面日期格式（”l, F j, Y”）进行设置。默认格式为WordPress选项设定的日期格式。参见日期和时间设置以及php网站上的页面日期格式。
title_li (字符)
设置页面列表标题的内容与样式。默认值为“_（’页面’）”，显示结果为“页面”（_(”)用于本地定位）。若传递值为零或为空（”），则不显示标题，列表也不会被ul标签围绕。参见标题示例。
echo (布尔型)
触发显示所生成的链接列表，或将列表按HTML文本格式返回供PHP使用。默认值为1（显示生成的列表项）。可能的值包括：
1 (true) — 默认
0（false）
hierarchical（布尔型）
在上级页面列表下以缩进方式显示下级页面。默认值为true（在父级列表项下显示其子页面）。可能的值有：
1（true）——默认
0（false）
meta_key（字符）
仅包含含有该自定义字段关键字的页面（与meta_value字段联合使用）。
meta_value（字符）
仅包含含有该自定义字段值的页面（与meta_key字段联合使用）。
link_before（字符）
设置标签< a>中文字链接前的文本或html代码。（适用于2.7.0或更新版本）
link_after（字符）
设置标签< a>中文字链接后的文本或html代码。（适用于2.7.0或更新版本）

您可能也喜欢：
IIS环境下wordpress中永久链接去掉index.php
WordPress Audio Player最新汉化版发布下载
WordPress永久链接或固定链接设置技巧
wordpress代码高亮插件CodeColorer使用方法
通俗易懂的WordPress函数简明教程（三）
无觅
]]> http://www.ossi.cn/2011-08/wp-list-pages/feed/ 0 CSS控制图片等比例缩放 http://www.ossi.cn/2011-07/css-img-thumb/ http://www.ossi.cn/2011-07/css-img-thumb/#comments Fri, 29 Jul 2011 05:40:09 +0000 admin http://www.ossi.cn/?p=700 您可能也喜欢： 通过CSS强制内容不换行 Html5新标签解释及用法 css中如何使div居中(垂直水平居中) CSS 中文字体的英文名称 宋体 微软雅黑等 用XHTML+CSS实现文章列表标题时间对齐 无觅 ]]> 网页制作过程中经常遇到需要做特片等比缩放，并且需要控制尺寸在一定的范围内。一般有JS与CSS两种控制方法，在我看来用CSS控制相对简便一些。
IE7以上 FF等直接用 max-width与 max-height两个属性，IE6用expression，示例如下：

  1. < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>PIC</title>
  6. <script type="text/javascript">
  7. function ResumeError() { return true; }
  8. window.onerror = ResumeError; //屏蔽JS错误，这样状态栏就不会显示“网站上有错误了”
  9. </script>
  10.  
  11. <style type="text/css" >
  12. .album img {
  13. vertical-align: middle;
  14. max-width:100px;   /* FF IE7+ */
  15. max-height:100px; /* FF IE7+ */
  16. _width:expression(this.width>100&&this.width>this.height?100:auto); /* IE6 */
  17. _height:expression(this.height>100?100:auto); /* IE6 */
  18. }
  19. </style>
  20. </head>
  21.  
  22. <body>
  23. <div class="album">
  24.    <img src="pic_01.jpg" />
  25.    <img src="pic_02.jpg" />  
  26. </div>
  27. </body>
  28. </html>
您可能也喜欢：
通过CSS强制内容不换行
Html5新标签解释及用法
css中如何使div居中(垂直水平居中)
CSS 中文字体的英文名称 宋体 微软雅黑等
用XHTML+CSS实现文章列表标题时间对齐
无觅
]]> http://www.ossi.cn/2011-07/css-img-thumb/feed/ 0 jquery 样式选择器插件-styleSwitch 1.0 http://www.ossi.cn/2011-07/jquery-styleswitch/ http://www.ossi.cn/2011-07/jquery-styleswitch/#comments Tue, 12 Jul 2011 15:58:24 +0000 Ben http://www.ossi.cn/?p=692 您可能也喜欢： 10个最佳jQuery Lightbox效果插件收集 用XHTML+CSS实现文章列表标题时间对齐 CSS 中文字体的英文名称 宋体 微软雅黑等 css中如何使div居中(垂直水平居中) 通过CSS强制内容不换行 无觅 ]]> 这是一个Jqurey网站换肤插件，支持多个样式表联合换肤。支持Cookie记录当前选择的皮肤。可以通过灵活的变换组合，形成一套多功能的网页换肤系统。

styleSwitch.js 源码

 // JavaScript Document
 /**
 * styleSwitch 1.0 plugin
 * -----------------------------------------------
 * the plugin to manage user setted style
 * and change styles for user when user click the sytle link button
 * Anthor:Rain.zhai
 * Date: 2010/5/8
 */
 (function($) {
 //styleSwitch to response user selected style link
 //styleSwitch方法对用户的点击作出响应
 $.fn.styleSwitch = function(o) {
 o = $.extend({                              
 selector:"", //样式表link的class名
 stylename:"style",//样式名称，用作 cookie 名称，可以任意命名
 theClickElementRel:"",//用户点击链 接
 expeirdays:10 //cookie有效期
 }, o || {});
 
 var temp_selector = o.selector;
 var temp_stylename = o.stylename;
 var temp_expires = o.expeirdays;
 var temp_rel = o.theClickElementRel;

 //check if there a stylesheet title  attribute value equal the clicked link's rel value
 //遍历链接的样式表 检查是否title属性值等于被点击链接的rel属性值
 $(temp_selector).each(function(i){
 this.disabled = true;
 if (this.getAttribute('title') == temp_rel){this.disabled = false;}
 });
 
 //销毁一个cookie
 $.eraseStyleCookie(temp_stylename);
 
 //create a cookie but the value must the user clicked link rel value
 //创建一个cookie 其值是当前点击链接的rel值
 $.createStyleCookie(temp_stylename, temp_rel, temp_expires);
 }

 //check if user has cookie in this page
 //检查用户该页面是否有cookie存在
 $.checkCookieForStyle = function checkCookieForStyle(temp_linkselector,temp_linkstylename){
 
 //read the cookie by the temp_linkstylename
 //通过 temp_linkstylename参数来读取cookie
 var cookieHistoryStyleLinkName = $.readStyleCookie(temp_linkstylename);
 
 //if the return form cookie is not null or empty check the stylesheet title vale == the cookieHistoryStyleLinkName
 //如果cookie不为null和 空，将cookie的值与样式表链接进行比较
 if (cookieHistoryStyleLinkName!=null && cookieHistoryStyleLinkName!=""){
 $(temp_linkselector).each(function(i){
 this.disabled = true;
 if (this.getAttribute('title') == cookieHistoryStyleLinkName){this.disabled = false;}
 });
 return false;
 }  
 }
 
 //create a new cookie for user
 //为当前用户创建一个新的cookie      
 $.createStyleCookie = function createStyleCookie(name,value,days){
 if (days){
 var date = new Date();
 date.setTime(date.getTime()+(days*24*60*60*1000));
 var expires = "; expires="+date.toGMTString();
 }
 else{var expires = "";}
 document.cookie = name+"="+value+expires+"; path=/";
 }
 //读取cookie方法
 $.readStyleCookie=function readStyleCookie(name){
 var nameEQ = name + "=";
 var ca = document.cookie.split(';');
 for(var i=0;i < ca.length;i++){
 var c = ca[i];
 while (c.charAt(0)==' ') c = c.substring(1,c.length);
 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
 }
 return null;
 }
 //erase a cookie for user      
 //销毁cookie方法
 $.eraseStyleCookie=function eraseStyleCookie(name){
 $.createStyleCookie(name,"",-1);
 }
 
 })(jQuery);
 /*
 * the end of the plugin code
 * -----------------------------------------------
 */

页面配置JS代码段

 <script type="text/javascript">
 $(function(){
 $.checkCookieForStyle(".widthstyles","widthstyles");
 
 $(".width-switch").click(function(){
 $(".width-switch").styleSwitch({                
 selector:".widthstyles",
 effectlink:".widthstyles",    
 stylename:"widthstyles",
 theClickElementRel:$(this).attr("rel"),
 expeirdays:10
 });
 });
 });
 </script>

使用实例

  1. < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>test</title>
  6. <link rel="stylesheet" type="text/css" href="css/css.css" media="screen, projection" />
  7.  
  8. <link rel="alternate stylesheet" type="text/css" href="css/bg1.css" title="bg1" class="bg" media="screen, projection" />
  9.  
  10. <link rel="stylesheet" type="text/css" href="css/bg2.css" title="bg2" class="bg" media="screen, projection" />
  11.  
  12. <link rel="alternate stylesheet" type="text/css" href="css/bg3.css" title="bg3" class="bg" media="screen, projection" />
  13.  
  14. <link rel="alternate stylesheet" type="text/css" href="css/common1.css" title="common1" class="common" media="screen, projection" />
  15.  
  16. <link rel="stylesheet" type="text/css" href="css/common2.css" title="common2" class="common" media="screen, projection" />
  17.  
  18. <link rel="alternate stylesheet" type="text/css" href="css/common3.css" title="common3" class="common" media="screen, projection" />
  19.  
  20. <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
  21. <script type="text/javascript" src="styleSwitch.js"></script>
  22. <script type="text/javascript">
  23. $(function(){
  24. //check the page have cookie or not
  25. $.checkCookieForStyle(".bg","bg");
  26. $.checkCookieForStyle(".common","common");
  27.  
  28. //click a link to change style
  29. $(".width-switch").click(function(){
  30. $(".width-switch").styleSwitch({                
  31. selector:".bg",    
  32. stylename:"bg",
  33. theClickElementRel:$(this).attr("rel"),
  34. expeirdays:10
  35. });
  36. });
  37.  
  38.  
  39. $(".font-switch").click(function(){
  40. $(".font-switch").styleSwitch({                
  41. selector:".common",
  42. stylename:"common",
  43. theClickElementRel:$(this).attr("rel"),
  44. expeirdays:10
  45. });
  46. });
  47. });
  48. </script>
  49. </head>
  50.  
  51. <body>
  52. <div id="container" class="container"> hello sir ,welcome ! </div>
  53. <h4>Page bg and Font size:</h4>
  54. <div class="box1">
  55. <a href="#" rel="bg1" class="width-switch optionbox width-1">bg1</a>
  56. <a href="#" rel="bg2" class="width-switch optionbox width-2">bg2</a>
  57. <a href="#" rel="bg3" class="width-switch optionbox width-3">bg3</a>
  58. </div>
  59. <div class="box2">
  60. <a href="#" rel="common1" class="font-switch optionbox font-1">common1</a>
  61. <a href="#" rel="common2" class="font-switch optionbox font-2">common2</a>
  62. <a href="#" rel="common3" class="font-switch optionbox font-3">common3</a>
  63. </div>
  64. </body>
  65. </html>

来源：http://hi.baidu.com/shiryu963/blog/item/4ad518af08db05c07cd92a92.html

您可能也喜欢：
10个最佳jQuery Lightbox效果插件收集
用XHTML+CSS实现文章列表标题时间对齐
CSS 中文字体的英文名称 宋体 微软雅黑等
css中如何使div居中(垂直水平居中)
通过CSS强制内容不换行
无觅
]]> http://www.ossi.cn/2011-07/jquery-styleswitch/feed/ 0