鼠标感应渐显图片
来源:互联网 发布:怎么用mac下载炉石 编辑:程序博客网 时间:2024/04/27 20:27
鼠标感应渐显图片
<html>
<head>
<title></title>
<script language="javascript">
var min=10;
var max=100;
var number=1;
function OnMouseOver(obj)
{
if(obj.changing)
clearInterval(obj.changing);
obj.changing=setInterval("add("+obj.id+")",10);
}
function OnMouseOut(obj)
{
if(obj.changing)
clearInterval(obj.changing);
obj.changing=setInterval("sub("+obj.id+")",10);
}
function add(obj)
{
if(obj.filters.Alpha.Opacity > max)
{
clearInterval(obj.changing);
obj.changing=false;
obj.filters.Alpha.Opacity = max;
}
else
obj.filters.Alpha.Opacity += number;
test1.innerText = "img1:"+img1.filters.Alpha.Opacity;
test2.innerText = "img2:"+img2.filters.Alpha.Opacity;
}
function sub(obj)
{
if(obj.filters.Alpha.Opacity < min)
{
clearInterval(obj.changing);
obj.changing=false;
obj.filters.Alpha.Opacity = min;
}
else
obj.filters.Alpha.Opacity += -number;
test1.innerText = "img1:"+img1.filters.Alpha.Opacity;
test2.innerText = "img2:"+img2.filters.Alpha.Opacity;
}
</script>
</head>
<body>
<img id='img1' src="http://bbs.51js.com/images/standard/51js.gif" style="filter:Alpha(Opacity=10)" onmouseover="OnMouseOver(this)" onmouseout="OnMouseOut(this)">
<img id='img2' src="http://bbs.51js.com/images/standard/51js.gif" style="filter:Alpha(Opacity=10)" onmouseover="OnMouseOver(this)" onmouseout="OnMouseOut(this)">
<div id='test1'>img1:10</div>
<div id='test2'>img2:10</div>
</body>
</html>
<html>
<head>
<title></title>
<script language="javascript">
var min=10;
var max=100;
var number=1;
function OnMouseOver(obj)
{
if(obj.changing)
clearInterval(obj.changing);
obj.changing=setInterval("add("+obj.id+")",10);
}
function OnMouseOut(obj)
{
if(obj.changing)
clearInterval(obj.changing);
obj.changing=setInterval("sub("+obj.id+")",10);
}
function add(obj)
{
if(obj.filters.Alpha.Opacity > max)
{
clearInterval(obj.changing);
obj.changing=false;
obj.filters.Alpha.Opacity = max;
}
else
obj.filters.Alpha.Opacity += number;
test1.innerText = "img1:"+img1.filters.Alpha.Opacity;
test2.innerText = "img2:"+img2.filters.Alpha.Opacity;
}
function sub(obj)
{
if(obj.filters.Alpha.Opacity < min)
{
clearInterval(obj.changing);
obj.changing=false;
obj.filters.Alpha.Opacity = min;
}
else
obj.filters.Alpha.Opacity += -number;
test1.innerText = "img1:"+img1.filters.Alpha.Opacity;
test2.innerText = "img2:"+img2.filters.Alpha.Opacity;
}
</script>
</head>
<body>
<img id='img1' src="http://bbs.51js.com/images/standard/51js.gif" style="filter:Alpha(Opacity=10)" onmouseover="OnMouseOver(this)" onmouseout="OnMouseOut(this)">
<img id='img2' src="http://bbs.51js.com/images/standard/51js.gif" style="filter:Alpha(Opacity=10)" onmouseover="OnMouseOver(this)" onmouseout="OnMouseOut(this)">
<div id='test1'>img1:10</div>
<div id='test2'>img2:10</div>
</body>
</html>
- 鼠标感应渐显图片
- 鼠标效应图片渐显效果
- 鼠标触发图片渐隐渐显效果HTC
- 鼠标感应图片应震动效果代码
- JS特效:用鼠标事件实现图片的渐显效果
- js特效.鼠标移上去,图片渐显的方法
- CSS+JavaScript打造鼠标悬停图片渐显效果!
- 感应鼠标的图片遮罩动画效果
- CSS3感应鼠标背景闪烁和图片缩放效果
- JS插件分享:sHover 感应鼠标进入方向图片展示
- 图片循环渐显渐隐
- 图片渐显脚本
- 图片渐显效果
- 图片的渐显播放
- 图片溶解渐显效果
- javaScript---图片渐显效果和文字大小变化之鼠标响应事件
- 又一个鼠标感应大图
- QT 中实现图片渐显
- DLL的调试
- 进程间的通讯实现(IPC)的11种方法
- 在本地稳定访问某一站点
- 日积月累
- 冒泡算法
- 鼠标感应渐显图片
- 聖殿祭司的ASP.NET 2.0--使用C# /2e小改版
- c#遍历活动目录
- Silverlight搶先預覽(3)與既有網頁技術整合,Silverlight不是孤島
- 随机banner
- .Net 下获得清晰的缩略图
- linux内核裁减
- 為什麼需要XAML?
- [转]实现从一个页面跳转到另一页面方法的比较