<script src=”http://www.google.com/jsapi”></script>
<script type=”text/javascript”>google.load(“jquery”, “1.3.1″);</script>
<script type=”text/javascript”>

editFirstflag = 0; //第一次编辑标志
checkTime = 5000; //检测时间间隔
$(function(){
	checkFileTime = setInterval("checkFile()",checkTime); // 检测可否编辑定时器
});

function checkFile(){
	$.get("test.php", {id: "2", name: "abc" },
		function(data){
			if(data == 0){// 可以编辑
				updateEditTime(); //定时更新日期
			}else{//不可编辑
				$('#form').hide(); //隐藏编辑框
				$('#dialog').html(data); //提示消息
			}
		}
	);
}
function updateEditTime(){
	$.ajax({
		 url: "updateEdittime.php",
		cache: false,
		success: function(html){
			if(editFirstflag == 0){//首次编辑
				//加载最新content
				$.get("updateContent.php", {id: "2", name: "abc" },function(str){
						//alert(typeof checkFileTime);
						if(checkFileTime)clearInterval(checkFileTime); //清除判断是否可编辑计时器
						$('#content').val(str);
						$('#dialog').html('');//清除提示
						$('#form').show();//显示编辑框
						editFirstflag = 1; //标志改为非第一次编
				})
			}
			setTimeout("checkFile()",checkTime); // 更新编辑时间定时器
		}  

	});
}
checkFile();

</script>

这里的幻灯可不是手写的，完全是调用后台首页播放器设置，是用了我的1.5仿迅雷看看模板的切换效果

原理很简单：
1、找到后台设置幻灯后XML存放的路径:attachments/index_img_list.xml
2、查看一下结果是一个 image 附加了标题、链接、描述、图片信息
3、用Jquery解析组合成你要的格式
4、新的幻灯片就这样产生了

提供我的代码供参考：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

 
$(funtion(){
        var FoucsArr=[];
        $.get('attachments/index_img_list.xml', function(d){
                //遍历XML中每一个image，即每个幻灯
                $(d).find('image').each(function(){
                        var $image = $(this);
                        //设置成果全保存在FoucsArr这个二维数据里了，转化成纯JS数组，至此与XML无关了
                        FoucsArr.push([$image.attr("title"),$image.attr("desc"),$image.attr("src"),$image.attr("address")]);
                });
                //下面是我的发挥
                var Fs=Fb="";
                for(var i=0;i<foucsArr.length;i++){
                        Fb+="<li class='big-pic'><a href='"+FoucsArr[i][3]+"'><img src='"+FoucsArr[i][2]+"' /></a></li>";
                        Fs+="<li id='SwitchLi_"+i+"'><a id='SwitchSmaPic_"+i+"' href='"+FoucsArr[i][3]+"'><img src='"+FoucsArr[i][2]+"' /><strong>"+FoucsArr[i][0]+"</strong>"+FoucsArr[i][1]+"</a></li>";
                };
                //生成HTML到指定DIV中
                $("#foucs").html("<ul class='big-pic' id='SwitchBigPic'>"+Fb+"</ul><ul class='pic-list'>"+Fs+"</ul>");
                //迅雷看看幻灯调用
                BigNews.init(MovieRecom);
        });
})

1. 基于Jquery的Ajax提交
2. 自动提取日志中的评论，支持回复、审核
3. 支持纯留言发布

演示http://blog.cike.org/guestbook/

即将完善：

1. 完善分页部分 [update 20090117 ，load get方式加载，所以你看到了#p]
   
2. 增加表单判断
3. 如果有时间，区分评论与留言，评论内容将显示相应的日志名称
4. 支持avatar头像[update 20090317 ]

说IE6不支持png透明有点过，IE6支持100%透明的PNG，但不支持png的alpha 透明度。让ie6支持png Alpha透明度一般有css AlphaImageLoader、htc和js，在渲染效率和支持广度上各有长短，我更喜欢使用js插件，Jquery.pngfix具体使用方法请百度，主要分享使用要点：

1、透明区域内，无需Alpha透明度的图片需避开使用PNG格式

2、透明区域内，链接需使用相对定位

3、透明区域内，避开使用sprite

至于为什么，你在使用中会明白

你还可以去 http://www.twinhelix.com/css/iepngfix/ http://code.google.com/p/ie7-js/ 看看

直接给代码了，还不是最佳算法，用了一个removeClass两个toggleClass，扩展了菜单前的提示图标，查看DEMO

谁有兴趣帮我调调

:mousemove 能停止

DEMO：http://blog.cike.org/demo/jquery-foucs/