用定时器实现逐渐放大层的功能
来源:互联网 发布:react.js是什么 编辑:程序博客网 时间:2024/05/16 12:12
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var showintervalId;
function showDiv() {
showintervalId = setInterval("show()", 100);
}
function show() {
var div1 = document.getElementById("div1");
var olderWidth = div1.style.width;
var olderHeight = div1.style.height;
olderWidth = parseInt(olderWidth, 10);
olderHeight = parseInt(olderHeight, 10);
if (olderWidth >= 200) {
clearInterval(showintervalId);
}
olderWidth = olderWidth + 10;
olderWidth = olderWidth + "px";
olderHeight = olderHeight + 10;
olderHeight = olderHeight + "px";
alert(olderWidth);
div1.style.width = olderWidth;
div1.style.height = olderHeight;
}
</script>
</head>
<body>
<div id="div1" style="border-color: Red; border-style: solid; border-width: 1px;
width: 100px; height: 100px">
中国人爱情自觉的中国人 我现在发现电影天堂网站,是有两个网址吗,一个是迅雷下载,一个是快车下载,我怎么一下就是快车呢,怎么才能有迅雷的呢?中国人爱情自觉的中国人
我现在发现电影天堂站,是有两个网址吗,一个是迅雷下载,一</div>
<input type="button" id="" value="放大" onclick="document.getElementById('div1').style.width='200px';document.getElementById('div1').style.height='200px'" />
<input type="button" id="" value="逐渐放大" onclick="showDiv()" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var showintervalId;
function showDiv() {
showintervalId = setInterval("show()", 100);
}
function show() {
var div1 = document.getElementById("div1");
var olderWidth = div1.style.width;
var olderHeight = div1.style.height;
olderWidth = parseInt(olderWidth, 10);
olderHeight = parseInt(olderHeight, 10);
if (olderWidth >= 200) {
clearInterval(showintervalId);
}
olderWidth = olderWidth + 10;
olderWidth = olderWidth + "px";
olderHeight = olderHeight + 10;
olderHeight = olderHeight + "px";
alert(olderWidth);
div1.style.width = olderWidth;
div1.style.height = olderHeight;
}
</script>
</head>
<body>
<div id="div1" style="border-color: Red; border-style: solid; border-width: 1px;
width: 100px; height: 100px">
中国人爱情自觉的中国人 我现在发现电影天堂网站,是有两个网址吗,一个是迅雷下载,一个是快车下载,我怎么一下就是快车呢,怎么才能有迅雷的呢?中国人爱情自觉的中国人
我现在发现电影天堂站,是有两个网址吗,一个是迅雷下载,一</div>
<input type="button" id="" value="放大" onclick="document.getElementById('div1').style.width='200px';document.getElementById('div1').style.height='200px'" />
<input type="button" id="" value="逐渐放大" onclick="showDiv()" />
</body>
</html>
- 用定时器实现逐渐放大层的功能
- 图片实现逐渐放大渐隐,动画结束实现跳转
- 图片放大功能的具体实现
- jquery-实现div层逐渐显现出来
- android 中native层使用线程实现定时器功能
- 放大,缩小,全屏,漫游,图层加载,图层显示功能实现
- 用PHP实现定时器功能
- 用线程实现定时器功能
- 用PHP实现定时器功能
- ImageView逐渐放大动画
- jQuery简单实现div层的放大与缩小
- 局部放大的功能
- STM32通用定时器的基本定时器功能实现灯闪烁
- Spring的quartz实现定时器功能
- linux 实现简单定时器的功能
- [学习记录]C++定时器功能的实现
- 同一个定时器实现不同的定时功能
- libevent实现的简单定时器功能
- 小白系统升级。10.6到10.7
- 乔帮主说对了:Dropbox只是一个功能,谈不上产品
- linux 环境变量查看与设置
- js中insertAdjacentHTML函数在元素标签的前中后插入html代码
- .net2.0下web.config敏感数据的加密
- 用定时器实现逐渐放大层的功能
- ARM版和x86版Windows 8的区别
- WebSocket(4)-- WebSocket与TCP、Http的关系
- Java实现跨平台的原理
- 统计一个数据库中表个数的sql查询语句
- Android OpenGL ES(四):关于EGL
- 嵌入式学习中超级终端的设置
- Android: bitmap size exceeds VM budget holder
- 查询数据库中任意表中的列数的sql语句