怎么让按钮背景可以渐渐显示和渐渐消失
日期：2014-05-17 浏览次数：20907 次
如何让按钮背景可以渐渐显示和渐渐消失
如何让按钮背景可以渐渐显示和渐渐消失？看这个网页www.iqztc.com上面的按钮鼠标放上去，会有个蓝色背景，可是蓝色背景出现很快，如何是慢慢地显示，然后鼠标移开是慢慢的消失？希望高手留个QQ。
------解决方案--------------------
用jquery可以实现
------解决方案--------------------
JQUERY可以实现，如果是火狐可以参考CSS3中的keyframes
------解决方案--------------------
你说的应该是动画
我知道的三种方式
1. IE
使用滤镜 filter:ahpha(opacity:value); value:可以是1,2,3....100
2.FF
opacity属性;opacity:value 可以是0,0.1,0.2....1
以上两种只是给图片添加了透明度 要想实现从无到有 或者 从有到无 你需要自己写一个函数
如何让按钮背景可以渐渐显示和渐渐消失？看这个网页www.iqztc.com上面的按钮鼠标放上去，会有个蓝色背景，可是蓝色背景出现很快，如何是慢慢地显示，然后鼠标移开是慢慢的消失？希望高手留个QQ。
------解决方案--------------------
用jquery可以实现
------解决方案--------------------
JQUERY可以实现，如果是火狐可以参考CSS3中的keyframes
------解决方案--------------------
你说的应该是动画
我知道的三种方式
1. IE
使用滤镜 filter:ahpha(opacity:value); value:可以是1,2,3....100
2.FF
opacity属性;opacity:value 可以是0,0.1,0.2....1
以上两种只是给图片添加了透明度 要想实现从无到有 或者 从有到无 你需要自己写一个函数
- JScript code
var value = 100;
var oImg = document.getElementsByTagName("img")[0];
oImg .opacityVlaue = 0;
if(oImg .iTimer) clearInterval(oImg.iTimer);
oImg.iTimer = setInterval(function(){
if(oImg .opacityVlaue < 100)
{
oImg .opacityVlaue += 10;
oImg.style["filter"] = "alpha(opacity:"+oImg .opacityVlaue+")";
oImg.style["opacity"] = oImg .opacityVlaue/ 100;
}
else
{
clearInterval(oImg.iTimer);
oImg.iTimer = 0;
oImg .opacityVlaue = 100;
oImg.style["filter"] = "alpha(opacity:"+oImg .opacityVlaue+")";
oImg.style["opacity"] = oImg .opacityVlaue/ 100;
}
} , 30)
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
