一个层动态放大的例子的一些知识点

这个其实很简单，只是自己平时疏于练习，会忘记，现在记下来。先看代码：

<div id="div1" style="width:5px;height:5px;border-style:solid;border-color:Red;border-width:1px;background-color:Yellow;overflow:hidden;">
案例：点击按钮层动态变大。提示：英文字母连续单词不会在中间自动换行的陷阱。
案例：点击按钮层动态变大。提示：英文字母连续单词不会在中间自动换行的陷阱。
点击【动态放大】按钮，文字会动态的变大。
</div>
<input type="button" value="动态放大" οnclick="showDiv();" />

下来是JS代码：

var showIntervalId;function showDiv() {showIntervalId = setInterval("inc()", 100);}function inc() {var div1 = document.getElementById('div1');var oldwidth = div1.style.width;oldwidth = parseInt(oldwidth, 10);//这个parseInt应该是吧oldwidth转换为整数吧var oldheight = div1.style.height;oldheight = parseInt(oldheight, 10);if (oldwidth >= 200) {//如果宽度涨到了200，停止计时器、停止继续动画长大clearInterval(showIntervalId);//停止计时器}oldwidth += 10;oldheight += 10;div1.style.width = oldwidth + "px";div1.style.height = oldheight + "px";}

知识点一：var showIntrevalId=setInterval("inc()",100),clearInterval(showIntervalId).

首先，这个两个方法一定要配对使用，其次，这两个方法要放在不同的函数里，最后，setInterval的第一个参数是要调用的函数，

第二个参数是每次调用的频率（时间为单位，毫秒）。

知识点二：parseInt(string, radix)函数可解析一个字符串，并返回一个整数。

上面parseInt(oldheight,10),是吧oldheight转换为十进制,其中oldheight初始值为5px

转载于:https://www.cnblogs.com/huaizuo/archive/2011/09/09/2172106.html

一个层动态放大的例子的一些知识点相关推荐

用python中函数输出杨辉三角_用Python输出一个杨辉三角的例子
这篇文章主要介绍了用Python和erlang输出一个杨辉三角的例子,同时还提供了一个erlang版杨辉三角,需要的朋友可以参考下关于杨辉三角是什么东西,右转维基百科:杨辉三角稍微看一下直观一点的 ...
怎么在Caffe中配置每一个层的结构
如何在Caffe中配置每一个层的结构最近刚在电脑上装好Caffe,由于神经网络中有不同的层结构,不同类型的层又有不同的参数,所有就根据Caffe官网的说明文档做了一个简单的总结. 1. Vision ...
一个简单的三层架构例子（.NET入门）
最近开始学习.NET 用的是c# 目前要用三层架构的模式开发一个简单的图书管理系统,不过以为刚接触这门技术.做起来分外吃力,甚至连究竟要写些什么都不清楚. 于是乎上网到处找寻三层架构的基础入门知识,终 ...
db2存储过程可以使用游标循环嵌套吗_DB2存储过程使用动态游标的例子
本文将为您介绍一个 DB2 存储过程使用动态游标的例子,如果您对动态游标的使用感兴趣的话,不妨一看,对您学习 DB2 的使用会有所帮助. CREATE PROCEDURE data_wtptest( ...
python输出杨辉三角啊二维数组_用Python输出一个杨辉三角的例子
这篇文章主要介绍了用Python和erlang输出一个杨辉三角的例子,同时还提供了一个erlang版杨辉三角,需要的朋友可以参考下关于杨辉三角是什么东西,右转维基百科:杨辉三角稍微看一下直观一点的 ...
android 动态库获取路径问题,一种Android App在Native层动态加载so库的方案
这篇文章通过实战案例,介绍了一种有条理的组织Native层代码层级结构的方法.并且,在良好的代码层级.作用分工的基础上,实现了动态的按需加载.卸载so库.文章的最后,还介绍了实践过程中遇到的困难以及对 ...
SDS（Simple Dynamic String）一个简易动态字符串库
SDS(Simple Dynamic Strings)是一个C语言字符串库,设计中增加了从堆上分配内存的字符串,来扩充有限的libc字符处理的功能,使得: 使用更简便二进制安全计算更有效率而且仍 ...
SDS：一个简易动态字符串库
http://blog.jobbole.com/68119/ 英文原文: https://github.com/antirez/sds/blob/master/README.md SDS(Simple ...
一个简单的BP神经网络例子
原创文章,转载请说明来自<老饼讲解神经网络>:bp.bbbdata.com 关于<老饼讲解神经网络>: 本网结构化讲解神经网络的知识,原理和代码. 重现matlab神经网络工具 ...

一个层动态放大的例子的一些知识点

一个层动态放大的例子的一些知识点相关推荐

最新文章

热门文章