好久没更新了 说实话也不知道说些什么~国庆假期无聊来写点啥~

大家经常可以发现有的网页会显示当前你所在的位置~方便访客。我也没事搞了一下 使用的是JS实现的~因为我的文章层次不多 作用的话不是很明显。紧是一个不一样的思路吧。

function locate(){
	var glink= location.href;  //当前URL
	if(glink.indexOf(".html") > 0 ){  //判断URL中是否包含.html
	     lotext=$("a.locate:first").text(); //获取a.locate的第一个文本
	     lohref=$("a.locate:first").attr("href"); //获取a.locate的第一个链接
	     posttl=$(".post-title-single a").text(); //获取文章标题
		 $("#locate").html('You are here: <a href="http://www.tnnde.com/" rel="norefresh">Home</a> » <a href="'+lohref+'" rel="norefresh">'+lotext+'</a> » '+posttl+'');  //输出
	}
}

UPdate:由于之前的疏忽没有考虑到访客进入时候的地址不同~照以前的判断若不是主页进入显示的位置和返回的地址都错误 做此更新

var glink= location.href;   //获取当前url
if(glink.indexOf("#") > 0 ){  //判断url中是否含有“#”，没有则跳至步骤2
	glink=glink.substring(glink.indexOf('#')); //截取“#”到最后的字符
	glink=glink.replace("#","");               //删除“#”
	if(glink.length<3){                        //如果glink小于3个字符则判定为首页
		  $("li.gjia").html('<g:plusone href="http://www.tnnde.com"></g:plusone>');
		}
	else{                                      //否则就是文章页或单页
		$("li.gjia").empty();
		  $(".singleplusone").remove();
		  $(".post-title-single,#post-title-page").append('<div class="singleplusone"><g:plusone href="http://www.tnnde.com'+glink+'"></g:plusone></div>');
			}
		}
else{ // 步骤2.URL中没有“#”跳到这
	if(glink.length<22){                      //小于22个字符为首页
		$("li.gjia").html('<g:plusone href="http://www.tnnde.com"></g:plusone>');
	}
	else{
		$("li.gjia").empty();
		$(".singleplusone").remove();
		$(".post-title-single,#post-title-page").append('<div class="singleplusone"><g:plusone href="'+glink+'"></g:plusone></div>');
	}
}

read more

相信有不少朋友都在使用googlecode的项目托管存储些东西~但是有没有想过在网页中调用存储的东西呢?如果你对此敢兴趣的话那接下来就带你实现它~效果的话 请点击上面的 Google Code。或者Dome

如果你注意的话 你会发现googlecode本身已经提供了几个选项的feed供稿,如 Project Information，Project Updates，Downloads，Wiki等 基本都是Atom的供稿~这里要利用的就是downloads的，使用google feed api转换给JSON的 ，看到这里如果你对getJSON了解的话也就知道改怎么办了吧 哈哈。其实很简单~这就不废话了 赶紧来分享吧。 read more

早前我直接使用的是鸣做的micolog下的lightbox插件比较方便，但是我能不用插件就尽量不用插件，更何况lightbox比slimbox确实大了点。通过自己手动添加也是很简单就能用上js紧紧只有4k的slimbox2。下面让我们动手吧。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="/xxx/slimbox2.js"></script>

  read more