js运动-淡入淡出
来源:互联网 发布:mac照片图库照片路径 编辑:程序博客网 时间:2024/06/05 20:48
<style> #div1{width: 140px; height: 140px; background: url(http://img06.tooopen.com/images/20170321/tooopen_sl_202648839562.jpg);margin: 50px auto; alpha(opacity:30); opacity: 0.3;} </style> <script> window.onload=function () { var oDiv=document.getElementById('div1'); var alpha=30; var timer=null; var speed=5; oDiv.onmouseover=function() { moveStar(100); }; oDiv.onmouseout=function() { moveStar(30); }; function moveStar(iTaget) { clearInterval(timer); timer=window.setInterval(function (){ speed=iTaget>alpha?10:-10; if(iTaget==alpha) { clearInterval(timer); } else { alpha+=speed; } oDiv.style.filter='alpha(opacity:'+alpha+')'; oDiv.style.opacity=alpha/100; },30); }; } </script> </head> <body> <div id="div1"> </div> </body></html>
0 0
- js运动-淡入淡出
- 【js运动学习】淡入淡出
- (38)JS运动之淡入淡出
- JavaScript 运动之淡入淡出
- js的淡入淡出
- js控制淡入淡出
- 相机淡入淡出JS脚本
- js实现淡入淡出轮播图
- js实现图片淡入淡出
- js淡入淡出轮播
- opacity淡入淡出js代码
- 缓冲运动-2-多个div淡入淡出[问题].html
- 缓冲运动-2-多个div淡入淡出[解决].html
- 39、JavaScript的运动----淡入淡出的图片
- JS实现图片淡入淡出效果
- js div层淡出淡入效果
- js实现轮播图--淡入淡出的效果。
- 用js实现div的淡入淡出
- 在CSS中对背景图片进行设置相关属性
- 单例模式之懒汉模式(延迟加载)
- MySQL必知必会
- 一个对安卓日志输出功能的优化
- PAT乙级(Basic Level)练习题 >童年生活二三事
- js运动-淡入淡出
- STM8S_001_GPIO基础知识
- Python Pylint编码规范学习笔记-1
- NoSQL数据库概述
- vi编辑器
- Maven私服Nexus3.X搭建
- lcd 画线函数原理
- NYOJ--325--深度优先搜索--zb的生日
- ITEXT-插入水印(itext-pdfa-5.5.6.jar)