让PJBLOG和Z-BLOG日志里图片半透明 « 悦宇领地 YYLD.net

2009.01.06

让PJBLOG和Z-BLOG日志里图片半透明

标签： 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);
}

相关链接