网站建设_深圳网站建设_深圳网页制作_深圳网络公司 不仅仅是网站建设,不一样的品牌建站专家
繁體 | 用户登录 | 免费注册 | 客户支持 | 交费方式

销售热线: 0755-88822234  技术支持:13728743193

深圳网站建设,深圳网页制作,深圳网站制作,企业网站建设
快速导航
热文排行
臻心动态
网站优化
网站推广
图片渐变特效    返回
时间:2019-11-14    来自:深圳市臻心网络科技有限公司

本特效实现以下效果:
当鼠标移到图片上的时候,由透明度低变换在透明度高。也可以相对应的反过来。呵呵,
其实这种效果在网页里面还是比较常用的。

实现方法如下,把以下代码放置<body></body>之间即可。

<script language="JavaScript">
// Flash Image Extension for Dreamwever ,by webjx.com(tslxg@hotmail.com)
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>

{nextpage}
<!--把下面代码放到<body>区域中-->
<div align="center">
<a href="http://www.86design.com.cn/" target="_blank"><img src="/texiaop/meimeic.jpg" onMouseOut=nereidFade(this,50,10,5) onMouseOver=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=55)" width="170" height="233"></a>
<br>
<a href="http://www.86design.com.cn" target="_blank"><img src="/texiaop/meimei.jpg" onMouseOut=nereidFade(this,50,10,5) onMouseOver=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=55)" width="170" height="120"></a>
</div>
<img width="100" height="100" border="0" style="FILTER: alpha(opacity=100)" onmouseover=nereidFade(this,50,3,5)onmouseout=nereidFade(this,100,3,5)>

香港优质医疗
香港方健医疗
城市导航
洛阳网站建设
香港化验所
深圳SEO优化
深圳网站建设
泰国试管婴儿
香港安欣医疗
试管婴儿
泰国做试管婴儿
多缘试管婴儿
香港安盛诊所
香港保险一站通
万利基因检测
香港安欣医疗
版权所有 © 深圳市臻心网络科技有限公司 2006 - 2019
电话咨询:0755-88822234 网址:www.zhenx.net 手机:m.zhenx.net
版权所有,未经授权请勿复制及转载 粤ICP备09037481号