coin-slider比我之前介绍的innerfade和sochange都要好：
- 插件很小
- 效果更丰富，更酷
- xhtml结构更简单，会自动生成导航链接的xhtml代码
但它默认的外观有两点我不满意，一个是prev和next按钮很丑，另一个是导航链接放在图片外部下方，有浪费空间之闲，修改方法如下：
- 打开coin-slider.js，找到235行，删除prev和next文本显示。
- 注释第286行：/* $(“#cs-buttons-”+el.id).css({
‘left’ : ’50%’,
‘margin-left’ : -images[el.id].length*15/2-5,
‘position’ : ‘relative’
});
*/
- 打开coin-slider-style.css，在.coin-slider中加上margin-bottom: 10px。在cs-buttons中加上position: absolute; right: 10px; bottom: 10px;。在.cs-buttons a中修改height和width为20px;
jquery, XHTML+CSS
1、在source/network.php中找到//图片调用代码段，改为如下：
//图片
$cachefile = S_ROOT.’./data/cache_network_pic.txt’;
$cachefile_new = S_ROOT.’./data/cache_network_pic_new.txt’;
if(check_network_cache(‘pic’)) {
$piclist = unserialize(sreadfile($cachefile));
$piclist_new = unserialize(sreadfile($cachefile_new));
} else {
$sqlarr = mk_network_sql(‘pic’,
array(‘picid’, ‘uid’),
array(‘hot’),
array(‘dateline’),
array(‘dateline’,'hot’)
);
extract($sqlarr);
//显示数量 阅读全文…
PHP+Mysql, XHTML+CSS UCHOME
这套规范并非单纯的CSS、html或JavaScript命名规范，它涉及了很多使用PhotoShop这类设计工具进行网页设计过程中的命名规范。首先我是出于公司几位美工的设计效果图源文件没有对图层命名而开始考虑总结一套的，还有一个原因就是网上大多命名规范都是关于编码的，也就是那些css、html、js和一些服务器端语言的，至于设计方面的命名规范实在是很少。但是毕竟设计师也是技术团队的成员，而且前端开发工程师是要使用设计师的效果图源文件的，所以统一命名规范和设计规范对于团队的协作和工作效率肯定是有好处的。 阅读全文…
XHTML+CSS
中文名乱码是因为:在我的程序中，一切使用utf-8，可是fckeditor不知出于什么方面的考虑，在文件上传的页面没有指定文件编码，这时浏览器默认采用的是操作系统默认的编码，而常用的xp系统默认的是gbk编码，这就造成了乱码的问题。
解决起来也简单：直接明确指定浏览器为 utf8编码就可以了，具体操作方法是
- 打开fckeditor/editor/filemanager/browser/default/frmupload.html，将文件编码改为utf8
- 在该文件文件头加入明确的utf8识别：<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″>
- 保存后，刷新前台上传页面，发现浏览器已默认将页面识别为utf8编码了，这时上传各种文件都变成可以正常显示了。
XHTML+CSS fckeditor, utf8, 乱码
故障现象非常古怪: 在ie6下打开网页显示为空白,但查看源代码可以看到完整的源码.在firefox及Chrome中却可以正常浏览.
调试与解决: 根据现像初步判断应该是html结构方面的异常,但具体异常的位置未知,采用部份文本删除调试的方法不断试验,最终找出问题出在<title>中文部份</title>这一行,同时发现<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />放在<title>的后面. 不解,难道会跟这顺序有关?调换这两行的顺序后问题解决.
分析: 经google得知, 这是由于IE解析网页编码时以HTML内的标签优先，而后才是HTTP header内的讯息；而其他的浏览器则刚刚相反。所以解决方法也很简单,把meta语句放在title的前面就可以了.
XHTML+CSS ie, utf8, 编码
问题提出：
在xhtml+css的设计中，经常会碰到类似本站blog采用的最大众化的左右分栏结构，注意看两栏之间有一条竖线分隔。当然实现这样的效果可能会有很多种方法，但我认为比较简单的一种方法就是：在分栏结构上父容器上定义一个背景图片来实现，这时ie下显示是正常的，firefox下这个背景图会因为高度为0而显示不出来。
解决方法：
- 设置父容器css属性：display: table;
- 设置父容器css属性：overflow: hidden;
- 在父容器内部的最后位置加一行：<div style=”clear:both;”></div>
XHTML+CSS css, firefox, 背景图, 高度自适应
常用jquery定位的一些例子:
1.隐藏所有包含连接的段落
$(“p[a]“).hide()
2.显示页面中的第一个段落
$(“p:eq(0)”).show()
3.隐藏当前显示的所有div
$(“div:visible”).hide()
4.获取ul下所有li项
$(“ul/li”)
5.获取所有样式为foo的包含连接的段落
$(“p.foo[a]“)
6.获取无序列表项中包含”BBB”文本的所有连接
$(“li[a:contains('BBB')]“)
7.获取那么属性为bar的input标签
$(“input[@name=bar]“)
8.获取所有选中的单选按钮
$(“input[@type=radio][@checked]“)
XHTML+CSS jquery