显示图片渐隐效果
来源:互联网 发布:java format格式化 编辑:程序博客网 时间:2024/04/26 18:23
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)>
3.可以自己测试一下效果,我这里就不显示了。
- 显示图片渐隐效果
- 显示图片渐隐效果
- 文字图片渐隐效果实现
- 鼠标触发图片渐隐渐显效果HTC
- 鼠标移动图片变暗渐隐效果
- Android 欢迎界面设计之图片渐隐效果
- android图片渐隐渐现动画效果
- js实现图片渐隐渐显的切换效果
- android view中实现一张图片的渐隐效果
- css渐隐效果
- IE页面渐隐效果
- 切换页面渐隐效果
- 渐隐渐现效果代码
- 渐隐渐现效果代码
- 图片循环渐显渐隐
- 解决IE下图片渐隐渐现效果,图片出现“坏点”的bug
- jQuery实现带缩略图的渐显渐隐图片幻灯切换效果
- UIImageView自带的一个方法,使图片出现时有渐隐、缓慢出现的效果。
- 理解JAvA中的事件
- [转]柏拉图的爱情观
- 开始学习asp.net,一些基础的知识。
- 部分Javascript的IE和Firefox兼容性解决方案
- USB开发步骤之标准篇
- 显示图片渐隐效果
- 真实的C++之父
- Eclipse快捷键与使用窍门
- MSN Messenger 不能登录的一般解决方案 http://blog.csdn.net/iyu/archive/2005/12/29/564964.aspx
- 《七十五条》的解释(收藏)
- 《国内十大中文博客托管网站排行榜》
- 把个人Blog作成一个成功品牌的10个策略步骤
- C++资源之不完全导引
- 程序员应具有的素质