来自:天涯博弈
直接用天涯的代码的时候,发现根本不能用,自己不懂js代码,试用了好几次,还是不成功,还好他上面有实例,只好把他的js代码直接下载了用,总算解决了。用这个办法的好处就是可以自由定义,比起其它的blogger hark无需添加太多代码,毕竟不是每个文章都要使用伸缩展开模式,只是在需要的时候要加个div,对于我这样的懒人来说还有有点小小的麻烦,不过谁让我中意这种法子呢,多用就习惯了@_@!(现在的问题是#tit1这个点击链接会在blog网址显示,不知道如何去掉;而且这个地方进入日志进行html编辑有时候会自动变为编辑此日志的链接,不知如何解决)
在写日志的时候,会发现有些内容与主题相关,但是却只是属于注释性的内容,或者文章过长,这样你就可以先将这些内容放在一个div里,当你点击某个链接时,修改该DIV的css显示属性即可。
在head间插入如下的js代码:
Type your summary here.
Type the rest of your post here.<script src='http://logster.googlepages.com/dis.js' type='text/javascript'></script>
当你新写日志的时候,只需要在代码编辑环境下将要显示或隐藏的DIV设置ID名,然后在控制DIV显示与隐藏的链接上按如下格式书写即可:<a href="#tit1" onclick="disdiv('t1')">链接名称</a>
记得将你的DIV命名ID <div id="t1" style="display: none;">需要隐藏的内容</div>
2javascript显示隐藏层
首先写一个javascript函数 show_hidden(x) 参数x表示要隐藏显示的层的ID:function show_hidden(x){
var x = document.getElementById(x);
if(x.style.display = "block"){
x.style.display = "none";
}else{
x.style.display = "block";
}
}
然后在HTML代码中是这样调用的<input onclick="javascript:show_hidden('csk');" value="显示/隐藏"/>
<div id="csk" style="display:none;">这里是显示隐藏的内容</div>
3
Blogger的首頁隱藏全文做法
作法就是在Page Element里面加上一个HTML/JavaScript的区块,同时把下面的內容贴上去。
同时记得修改你的网址。<script type="text/javascript">
var webhome="http://名字.blogspot.com";
var webhome1=webhome+"/";
var webhome2=webhome+"/index.html";
if(location.href==webhome || location.href==webhome1 || location.href==webhome2){
document.write('<style type="text/css">span.fullpost{display:
none;}</style>'); }
</script>
最后在你的文章中,把要隐藏的部份用<span class="fullpost"></span>
包起來就可以了。
星期四, 二月 15
用js为blog内容添加可显示隐藏内容
订阅:
博文评论 (Atom)
2 评论:
谢谢来访和评论哦!希望和你交换链接哦!
你这个是不是象我Blog的"继续阅读全文"呢?
加了你的,似乎你的阅读全文的办法比我的好使!
发表评论