PJBLOG插图特殊效果之一

来源:不详 责任编辑:栏目编辑 发表时间:2013-07-02 04:49 点击:

首先,把以下这段代码添加到header.asp末尾

<SCRIPT language=JavaScript>
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</SCRIPT>

然后在写日志的时候,凡需要实现以上这种效果的图片全部加上类似以下的代码:

<img onmouseover=nereidFade(this,100,10,5)
style="FILTER: alpha(opacity=55); "
onmouseout=nereidFade(this,50,10,5) src=http://www.weike365.cn/t/weike365.gif“ border="0" >

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • 火车头采集器dedecms织梦5.7图集发布模块的制作方法
    • PJBLOG页面广告投放终极攻略教程(威客365版)
    • 手动修改实现日志标题左侧小日历效果

    新闻关注排行榜

    热门推荐 最新推荐
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1