星期四, 二月 15

用js为blog内容添加可显示隐藏内容

. 星期四, 二月 15 .

来自:天涯博弈
直接用天涯的代码的时候,发现根本不能用,自己不懂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>

包起來就可以了。

2 评论:

sz-iris 说...

谢谢来访和评论哦!希望和你交换链接哦!
你这个是不是象我Blog的"继续阅读全文"呢?

虚飞 说...

加了你的,似乎你的阅读全文的办法比我的好使!

 
{nama-blog-anda} is proudly powered by Blogger.com | Template by Agus Ramadhani | o-om.com