`

显示图片渐隐效果

阅读更多
显示图片渐隐效果 document.title="显示图片渐隐效果 - "+document.title

在网页中显示图片渐隐效果(IE中有效):

1.Script代码:

<SCRIPT>
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);
}
}
</SCRIPT>

2.html代码:

<img src="http://www.google.com/images/logo_sm.gif" id="logo" border=0 style="FILTER: alpha(opacity=50)" onMouseOver=nereidFade(this,100,40,5) onMouseOut=nereidFade(this,30,40,5)>

分享到:
评论

相关推荐

    QML 实现图片帧渐隐渐显轮播

    QML 来实现图片帧渐隐渐显轮播,所谓图片帧渐隐渐显轮播就是,一组图片列表,当前图片逐渐改变透明度隐藏,同时下一张图片逐渐改变透明度显示,依次循环,达到渐隐渐显的效果,该效果常用于图片展示,相比左右自动...

    图片向上3D翻转渐隐淡出CSS3特效.zip

    图片向上3D翻转渐隐淡出CSS3特效是一款我个人特别喜欢的鼠标滑过图片文字切换3D动画效果,图片渐隐消失后文字就显示出来了。

    图片向上3D翻转渐隐淡出CSS3特效

    图片向上3D翻转渐隐淡出CSS3特效是一款我个人特别喜欢的鼠标滑过图片文字切换3D动画效果,图片渐隐消失后文字就显示出来了。

    android view实现一张图片的渐隐效果

    这样轮流显示不同透明度的图片,出现渐隐效果。但是,这种方法浪费资源,舍弃。(在view中绘画) 第二种: 只用一张图片,将图片的每一点的像素信息保存到数组中,每一点像素是ARGB的方式,正好32位,放到一个int...

    原生JS实现图片网格式渐显、渐隐效果

     写的小组件支持图片的渐显、渐隐,并且可以是有序、随机两种方式。  我采用的原型是属性写在构造函数内,方法写在原型对象内。方法写构造函数内有个问题,就是每次调用这个方法就相当于重新实例化一次,举个粟子...

    图像显示特效

    水平交错垂直交错水平百叶窗渐显渐隐效果圆角矩形扩展,有很多显示算法没有实现,但提供了实现接口,该DEMO其实是提供了对"包含近30种图像特效的VC小程序"源码的友好封装.可以非常方便的看到算法对图片显示的操作,...

    VC++图像特效显示

    本节主要介绍如何实现图像的浮雕、雕刻、百页窗、旋转、扫描、栅条、马赛克、和渐显渐隐显示等效果。 实现图像的特殊效果的显示的基本思路是要么是操作图像的像素,要么是对图像分块按一定的方向或次序,分阶段的...

    图片渐隐效果轮播源码-易语言

    1.图片论坛支持渐隐加载下一张图片。 2.加载图片支持无限多张,在启动窗口的程序集变量加入即可(本次演示使用本地图片,可使 用HTTP读文件读取网页图片)。 3.支持图片完全缩放,可以在主控件设置显示方式,显示...

    纯css3鼠标滑过图片炫酷标题显示特效

    这是一款使用纯css3制作的鼠标滑过图片炫酷标题显示特效插件。该鼠标hover图片标题插件有4种效果:旋转效果,渐隐效果,放大效果和滑动效果。

    css3悬停图片3D翻转动画显示文字代码

    这是一款非常有创意的css3悬停图片3D翻转动画显示文字代码,图片向上翻转渐隐消失切换到文字内容的动画效果。

    叠加式图片切换效果

    今天给大家推荐一个jquery+css生成的堆叠式图片叠加效果。 当你点击左右切换按钮的时候,其实他并不是图片左右切换,而是前后叠加渐隐渐现的方式显示。 IE下无法显示,请在火狐下浏览

    原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)

    经常看到网页里图片渐变显示,自己写一个。 原理很简单就是修改元素的css透明度。 在线预览效果:http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/ 代码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt...

    javascript网页特效实例大全

    7.4 文字的渐隐渐显的效果 169 7.5 文字跳动的效果 170 7.6 状态栏的打字效果 172 7.7 文字的逐条显示 172 7.8 文字的旋转效果 174 7.9 文字的心跳效果 175 7.10 文字在文本框中坠落 176 7.11 文字飞舞的效果...

    dw 实用24个插件

    响应鼠标事件的图片渐显渐隐效果 Typewriter 类别:Behavior 文件格式:mxp │ 8,247B 让一段文字以打字的效果出现 Chromeless Window 完美修正版 类别:Behavior 文件格式:mxp │ 18,136B 窗口标题字体...

    javascript网页特效实例大全(8-12)

    实例221 当鼠标经过图片时显示图片 344 实例222 改变图片获取焦点时的状态 345 实例223 抖动的图片 346 实例224 鼠标移动放大图片 347 8.3 图片与时间相关操作 349 实例225 定时隐藏图片 349 实例226 ...

    Android中recyclerView底部添加透明渐变效果

    图片在上面显示2列,文字在下面显示1列;底部要有个透明渐变的效果,直到完全看不到。 gridLayoutManager动态设置列数 大概是分两类,一类以图片为item 一行2个,一类以文字为item 一行一个。 这个第一反应是用...

    JavaScript网页特效范例宝典源码

    实例221 当鼠标经过图片时显示图片 344 实例222 改变图片获取焦点时的状态 345 实例223 抖动的图片 346 实例224 鼠标移动放大图片 347 8.3 图片与时间相关操作 349 实例225 定时隐藏图片 349 实例226 根据时间变换...

    基点广告系统(COAD) v1.0

    3、支持包括普通显示、满屏浮动显示、上下浮动显示-右、上下浮动显示-左、全屏幕渐隐消失、普通网页对话框、可移动透明对话框、打开新窗口、弹出新窗口、对联式广告等10种广告效果; 4、支持限制广告投放次数、点击...

    React实现轮播效果

    主要为大家详细介绍了React实现轮播效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    基点广告系统 v1.0

    3、支持包括普通显示、满屏浮动显示、上下浮动显示-右、上下浮动显示-左、全屏幕渐隐消失、普通网页对话框、可移动透明对话框、打开新窗口、弹出新窗口、对联式广告等10种广告效果; 4、支持限制广告投放次数、点击...

Global site tag (gtag.js) - Google Analytics