标签 js 下的文章

非原创,网上找的,备份一下。把div_right和divMain分别换成你需要对齐高度的两个层的id即可。

<script type="text/javascript"> <!--window.onload=window.onresize=function(){ if(document.getElementById("div_right").clientHeight<document.getElementById("divMain").clientHeight){ document.getElementById("div_right").style.height=document.getElementById("divMain").offsetHeight+"px";} else{document.getElementById("divMain").style.height=document.getElementById("div_right").offsetHeight+"px";}}--></script>

由于W3C的老外们在“易用性”和“友好性”上觉得,“不经过用户同意,没有明确提示就打开一个新窗口是不礼貌的”而把target="_blank"一枪毙入了黑名单。虽然我早知这点,但由于抱着为什么非要遵守W3C,不过是一个个人小站的态度,和懒人心情,也就一直没有去改变它或者琢磨它。其实js实现_blank效果其实也不是很难,有兴趣可以弄一下:

把target="_blank"改为rel="external",相关js记录在案:
function externallinks() {
 if (!document.getElementsByTagName) return;
 var anchors = document.getElementsByTagName("a");
 for (var i=0; i<anchors.length; i++) {
   var anchor = anchors[i];
   if (anchor.getAttribute("href") &&
       anchor.getAttribute("rel") == "external")
     anchor.target = "_blank";
 }
}
window.onload = externallinks;

这个方法来我是从一个boblog模板上找到的,其实网络上也可以搜索到;只是网络上不看效果的转载让人难辩代码的错对和方便。用这个方法比用上面那种的效果要好,纯css隐藏div会刷新页面,但用js就不会了。

js代码如下,新建一个txt文件,复制进去,保存并修改文件后缀为js(例open.js)即可。

function showhidediv(id){   try{     var sbtitle=document.getElementById(id);     if(sbtitle){ if(sbtitle.style.display=='block'){ sbtitle.style.display='none'; }else{ sbtitle.style.display='block'; }     }   }catch(e){} }

上面的代码,其中sbtitle是模板里一个div的id,模板的范例可见下:

<div id="sbtitle"> <div onclick='showhidediv("toggle");'>最新日志</div> <div id="toggle" style="display:none;"> 最新日志内容 </div>

效果就是点击“标题”,下面需要隐藏的部分就会在隐藏和显示间切换。DISPLAY: none;为默认隐藏;如果想默认显示就改为DISPLAY: block;;修改后要对应改js里的block和none,把它们互换。

复制加版权:就是你复制这个站点的话后,粘贴时会发现还跟着一段话。代码来自pjblog相关插件。
<script defer>
 document.body.oncopy=new Function("setTimeout(addData,300);");
 document.oncopy=new Function("setTimeout(addData,300);");
 function addData()
 {
   var d = window.clipboardData.getData('Text');
   window.clipboardData.setData('Text',d+"rn原文来自摇曳铃丹 YYLD.net:"+document.location.href);
 }
</script>

zblog的使用方法是把这段代码放到b_article-multi.html和b_article-single.html的后面。

理论上只支持IE。

不想用博客程序自带的搜索,一个搜索范围较小,一个还是增加系统消耗。还是拿去换了google的自定义搜索。在google自定义搜索处,把颜色样式都设置后,忽然发现,自定义搜索的输入框无法定义边框颜色和背景图,是google自定义搜索代码里的那段js起了覆盖作用。google方面在这项功能里有说,不能不用那段js。这样咋办呢?在<span style="text-decoration: underline;">江海客</span>的提醒下,决定用同样的方法对付它。

方法就是,我也放个js。js怎么写呢?把google那段js保存下来,把里面的边框、颜色、背景换掉,保存,上传。在google自定义搜索那段js后以同样格式加入自己修改的这段js代码,测试成功。

PJBLOG修改ubbcode.asp,找到:
<img src="""&tmpStr1&""" border=""0"" alt=""""/>

全部改为:
<img src="""&tmpStr1&""" border=""0"" alt="""" style=""-moz-opacity:0.5;filter:alpha(opacity=50);"" onmouseover=""this.style.MozOpacity=1;this.filters.alpha.opacity=100"" onmouseout=""this.style.MozOpacity=0.5;this.filters.alpha.opacity=50""/>

其实只是加了段代码。

在FCK下,pjblog由于没有用jQuery,只能在都是传了图后,在“源代码”模式下,加入:
style="-moz-opacity:0.5;filter:alpha(opacity=50);" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50"

由于zblog用了jQuery技术,导致常用的html元素都是可以使用hover属性,所以zblog可以简单处理,在CSS里加:
.post-body img{
-moz-opacity:0.5;filter:alpha(opacity=50);
}
.post-body img:hover{
-moz-opacity:1;filter:alpha(opacity=100);
}

让IE6的PNG透明并且通过W3C,在网上搜索用JS实现PNG透明的法子,但似乎还能难逃W3C一劫,只能默哀;结果兜兜转转一看,原来是网站上给的那段代码的英文引号有问题,导致错误;爆寒,折腾死我了。还是不熟悉程序惹得祸,错误代码下Editplus明摆着没给高亮显示。

虽然是JS,但也是一劳永逸的JS,还是比较方便的。虽然有点不好的地方,稍后会说:

下载下面的文件包,把三个文件放一起,缺一都不是很好的。然后在有PNG透明图的页面里,加一段JS调用就可以了(注意文件路径哦):
<script language="JavaScript" src="pngw3c.js" type="text/JavaScript"></script>

另外建议打开这个pngw3c.js文件,把通配符*改为具体的DIV的ID或CLASS,同CSS写法;有新的层需要用就在这里复制多一行写入。这样子会降低一些消耗。而且若不改的话可能会影响其它图片的显示。还有,别鬼使神差或以为要节约空间的把blank.gif删了,那是不行的。

好了,到了说这个修改的弱点的时候了,加上我上面说的一点有5点,其实也没那么恐怖:

1、可能导致该元素内部链接无法点击;无法有效使用float和background-position,无法平铺背景图(float我是遇到无效了,平铺没试)。

2、图片不能被右键另存为,存下来的其实是blank.gif(有点防偷功能)。

3、页面打开,图片载入时依然可以看到PNG图在IE6不支持下出现的灰底,要待文件载入完全后才显示正常(网速快点就好点)。

4、不支持低于IE5.5的版本(不是问题的问题)。

下载:点击下载相关文件