与本地js和jQuery中的透明设置相关的问题

在网站的日常开发中，经常被用来设置透明度问题，最简单的就是图片的淡入和淡出效果，我来介绍一下在本地js和jQuery中设置透明度的问题和注意事项：

1透明样式设置
IE浏览器和其他相关浏览器的透明度不尽相同。即使用过滤器：Alpha属性，Firefox的使用opactiy属性，与下面的示例设置透明度为30%。
ie：过滤器：alpha（不透明：30）；
火狐浏览器：不透明（0.3）；

2原生js设置透明度
为了兼容IE和其他浏览器的透明度，我们需要分别设置上述两种样式。
复制代码代码如下所示：
var alpha = 30；透明值变量
无功odiv = document.getelementbyid（'div1 '）； / /获得DOM元素对象
odiv.style.filter = 'alpha（透明度：+α+ '）； / /设置IE的透明度
odiv.style.opacity =α / / / 100；fierfox透明度，透明度是关注的十进制值

3 jQuery设置透明度
在jQuery，透明度设置进行了整合，IE和其他浏览器兼容，和opactiy属性的值可以被修改。值是十进制的，所以只需要设置一次。
复制代码代码如下所示：
$（函数（）{（））
$（# DIV1）。Css（不透明
}）；

4例
该示例使用原生js实现div淡入淡出效果。当鼠标移动到div区域时，透明度为100%，鼠标移出div区域，透明度为30%，同时控制透明度转换效果随时间变化。
复制代码代码如下所示：
窗口的指针（）函数。
{
无功odiv = document.getelementbyid（'div1 '）； / /得到DIV DOM对象
odiv.onmouseover =（功能）/鼠标的方法
{
（100）startmove；
}；
odiv.onmouseout =（功能）/鼠标的方法
{
（30）startmove；
}；
}

var定时器= NULL；时间对象
var = 30；透明的初始值
功能startmove（指标）
{
无功odiv = document.getelementbyid（'div1）；
ClearInterval（定时器）； / /空对象
定时器= setInterval（）{（）函数（
var速度= 0；
如果（α＜指标）
{
速度= 5；
}
其他的
{
速度= 5；
}

如果（α=指标）
{
ClearInterval（定时器）；
}
其他的
{
alpha + =速度；透明值增加效应
odiv.style.filter = 'alpha（透明度：+α+ '）； / /设置IE的透明度
odiv.style.opacity =α / / / 100；其他浏览器
}
}，30）；
}