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

原创 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,'');
}

......

增加以上红色部分

Android如何通过gradientui类库实现渐变切换icon效果

在Android开发里面经常会遇到渐变切换的效果,比如颜色渐变切换效果,移动动画效果。 这些都可以用属性动画来做。 但是属性动画也有自己的局限性,属性动画只能在控件的get和set方法可以对控件进...
  • wangdong20
  • wangdong20
  • 2015年12月24日 13:58
  • 1766

js 鼠标移入渐变效果

通过opacity来设置透明度0为全透明,1为不透明,通过修改这个值来达到渐变 无标题文档 #div{ width:150px; height:150px; background:#...
  • qq_36238595
  • qq_36238595
  • 2017年06月04日 12:10
  • 239

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

项目地址:https://github.com/leibnik/GradualRadioBar
  • leibnik
  • leibnik
  • 2016年05月07日 19:16
  • 664

使用SVG实现gradient背景渐变(转)

by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1957 现在...
  • d19891006
  • d19891006
  • 2011年09月28日 14:42
  • 1459

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

主页面:
  • z1020573553
  • z1020573553
  • 2016年11月18日 10:33
  • 526

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

转自:http://blog.csdn.net/ghostyu/article/details/7017112 应大家的要求,还是把完整的工程文件贴出来,大家省点事:http://www.k...
  • zjwen2007
  • zjwen2007
  • 2016年12月09日 11:12
  • 435

一些简单的特效 鼠标悬停 鼠标移动 和 图标特效

鼠标悬停  http://www.iteye.com/topic/1137162 鼠标经过  http://www.w2bc.com/Article/19556 图标特效 ht...
  • liuxiaochen123
  • liuxiaochen123
  • 2015年02月06日 17:29
  • 2341

特效1: 鼠标移动到该区域则显示小图标

特效1:  鼠标滑动到某区域, 则该区域的指定地方出现一个可以点击的小图标; 实现方法:   jquary + css + html 实现代码: (1)css部分 .info_edit...
  • just_for_your_smile
  • just_for_your_smile
  • 2016年07月25日 19:34
  • 594

轻松解决 linux平台 下编辑文档产生的 ^M 符号问题

^M:产生的原因:windows平台下 使用“回车键”
  • u012125696
  • u012125696
  • 2014年04月11日 17:20
  • 3295

CSS中的渐变效果

1.渐变的含义与组成 含义:两种或多种颜色之间平滑过渡的效果 组成:由色标来组成 色标: 1、颜色 2、颜色出现的位置 2.渐变的属性和取值 1、属性       ...
  • baidu_25343343
  • baidu_25343343
  • 2016年10月08日 01:52
  • 1425
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:鼠标移动到版块图标产生的渐变效果
举报原因:
原因补充:

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