1. 爱易网页
  2. JavaSript
  3. 问一个数学有关问题

问一个数学有关问题

日期：2014-05-16　 浏览次数：20426 次

问一个数学问题
在一个Div(以下简称父亲)中有10个Div(以下简称儿子),儿子的大小是一样的,彼此的间距也是一样的
现在要求将10个儿子从左至右变大,求一算法可以得到每个儿子的大小

类似以下实例,但并不是彼此的简距,而是儿子本身的大小

□       □       □       □       □       □
得出:
□   □     □       □         □           □



------解决方案--------------------
var div=document.getElementById( "father ");
var children=div.document.getElementsByTagName( "div ");
for(var i=0;i <children.length;i++){
children[i].style.width=parseInt(children[i].style.width)+i*10;
children[i].style.height=parseInt(children[i].style.height)+i*10;
}

这样么？
------解决方案--------------------
<html>
<head>
<title> </title>
<style>
#Father div {
float: left;
margin: 5px;
border: solid 1px #000;
width: 20px;
height: 20px;
}
</style>
<script language= "JavaScript ">
function ZoomIn()
{
var father = document.getElementById( "Father ");
for(var i = 0; i < father.children.length; i++)
{
father.children[i].style.width = 20 + i * 5;
father.children[i].style.height = 20 + i * 5;
}
}
</script>
</head>
<body>
<div id= "Father ">
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
</div>
<p style= "clear:both; "> <button onclick= "ZoomIn() "> 放大 </button> </p>
</body>
</html>
------解决方案--------------------
任何递增函数都可以
设x∈[n, m] n,m的值根据定义域和实际变化情况定
采样距离△x =(m-n)/10
比如
线性函数 y = ax + b (a> 0) 等量增长
指数函数 y = x^a 越长越快
对数函数 y = ln(x) 越长越慢

相关资料更多>

  1. 为什么加了<span></span>就不起作用了,该如何处理
  2. Ext JS tree中的节点添图标
  3. 字母开头接连7个数字，即格式如A1000000，小弟我现在要把跟在这个编号后面的空格删除，请教怎么写正则表达式 谢谢！
  4. 网页封闭监听不起作用，望高手指教啊
  5. JSP用bean:write给掩藏变量赋值
  6. 怎么用js屏蔽按回车提交表单
  7. []有没有在一个页面下同时删除多个页面的相同内容的代码呢
  8. html 参数有关问题
  9. 怎的实现以下的文字滚动效果