鼠标移动到版块图标产生的渐变效果

原创 2006年06月01日 13:26:00
1.inc/main.js末尾增加如下代码:

//渐隐渐现函数
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

function nereidFade(object, destOp, rate, delta) {
if (!document.all) {return;}
if (object != "[object]"){
  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);
}
}

2.index模板html(7):

function showboard

.......

if (indexIMG!='')
{
  str = str.replace(/{/$indexIMG}/gi,'<table align="left"><tr><td><a href="list.asp?boardid='+BoardID+'"> <img src='+indexIMG+' align="top" border="0" style="FILTER: alpha(opacity=40)" onMouseOut=nereidFade(this,40,10,10) onMouseOver=nereidFade(this,100,0,10) ></a></td><td width="20"></td></tr></table>');
}
else
{
  str = str.replace(/{/$indexIMG}/gi,'');
}

......

增加以上红色部分

相关文章推荐

jquery控制css绝对定位位置效果,例如鼠标移动到图标显示层显示相关信息

$(获取到需要弹出浮动框的元素obj).hover(function () { //鼠标移动时 //获取到需要弹出浮动框的元素obj ...

55-002-1 HTML5图片列表页面的制作 鼠标移动图片动态显示,文字动态阴影效果,渐变效果 列表前增加样式序列号

定义和两个节点元素     在article元素中加入节点并放入描述信息  您现在所在的位置:图片列表 ...

CSS3鼠标滑过渐变颜色旋转图标特效

CSS3鼠标滑过渐变颜色旋转图标特效 *{margin: 0;padding: 0;list-style: none;} #order_nav {  position: relative; back...

漂亮鼠标经过渐变效果

  • 2009年06月25日 14:23
  • 3KB
  • 下载

16. 3. 11. 剪切渐变合成及鼠标移动Translate and rotate all objects

import java.awt.AlphaComposite; import java.awt.BasicStroke; import java.awt.BorderLayout; import...

微信底部导航图标渐变效果

主页面:

qt学习笔记(五)QGraphicsPixmapItem与QGraphicsScene的编程实例 图标拖动渐变效果

应大家的要求,还是把完整的工程文件贴出来,大家省点事:http://www.kuaipan.cn/file/id_48923272389086450.htm 先看看运行效果,我用的群创7寸屏,主机是...
  • fqx111
  • fqx111
  • 2013年04月27日 12:31
  • 1021

群组图标绘制(渐变效果)

先看下最终效果 先画背景图标 画个圆,要控制画出的圆是正圆,不是椭圆,按住shift。填充背景调为径向渐变的绿色 上边较浅绿的由半圆和泼浪组成的图形 获取通过中间的圆与...

qt学习笔记(五) QGraphicsPixmapItem与QGraphicsScene的编程实例 图标拖动渐变效果

应大家的要求,还是把完整的工程文件贴出来,大家省点事:http://www.kuaipan.cn/file/id_48923272389086450.htm 先看看运行效果,我用的群创7寸屏,主...

qt学习笔记(五) QGraphicsPixmapItem与QGraphicsScene的编程实例 图标拖动渐变效果

应大家的要求,还是把完整的工程文件贴出来,大家省点事:http://www.kuaipan.cn/file/id_48923272389086450.htm 先看看运行效果,我用的群创7寸屏,主机是...
  • ghostyu
  • ghostyu
  • 2011年11月27日 18:11
  • 33547
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:鼠标移动到版块图标产生的渐变效果
举报原因:
原因补充:

(最多只允许输入30个字)