一个javascript参数的小问题


Posted in Javascript onMarch 02, 2008

以下是javascript

function show(layername){
       if (!document.getElementById) return false;
       if (!document.getElementById(layername)) return false;
       var layer = document.getElementById(layername);
       layer.style.width = "0px";
       layer.style.height = "0px";
       layer.style.display = "block";
       movement = setTimeout("animation()",0)
}
function animation(){
       if (!document.getElementById) return false;
       if (!document.getElementById(layername)) return false;
       var layer = document.getElementById(layername);
       var xpos = parseInt(layer.style.width);
       var ypos = parseInt(layer.style.height);
       if (xpos == 480 && ypos == 80){
              return true;
       }
       if (xpos < 480){
              xpos+=10
       }
       if (xpos > 480){
              xpos-=10
       }
       if (ypos < 80){
              ypos+=10
       }
       if (ypos > 80){
              ypos-=10
       }
       layer.style.width = xpos + "px";
       layer.style.height = ypos + "px";
       movement = setTimeout("animation()",0);
}

以下是html
<div id="">
   <ul>
     <li id="myfriends">      <a href="#" onmouseover="show('layer1');">我的好友</a></li>
     <li id="mydocument">      <a href="#" onmouseover="show('layer2');">我的资料</a></li>
     <li id="myalbum">      <a href="#" onmouseover="show('layer3');">我的相册</a></li>
     <li id="myarticles">      <a href="#" onmouseover="show('layer4');">我的文章</a></li>
  </ul>
</div>
<div id="layer1" class="clearfloat"> </div>
<div id="layer2" class="clearfloat"> </div>
<div id="layer3" class="clearfloat"> </div>
<div id="layer4" class="clearfloat"> </div>

问题
如果使用参数layer1、layer2、layer3、layer4,则每次都不成功,提示'layername' is undefined
如果将javascript里的layername换成div的id值就能成功,但如果这样javascript程序就会很多
请问怎样才能正确的使用参数的形式?
解决方法:
movement = setTimeout("animation()",0)
这个地方没有给animation()传参数过去

而定义的animation()函数也没有接受参数,但是又用
var layer = document.getElementById(layername);
来接收layername 这个变量
错误地理解了闭包?想从 function show(layername) 这个函数接收参数???

定时器好像没有丝毫作用

Javascript 相关文章推荐
页面中body onload 和 window.onload 冲突的问题的解决
Jul 01 Javascript
js 创建书签小工具之理论
Feb 25 Javascript
js实现运动logo图片效果及运动元素对象sportBox使用方法
Dec 25 Javascript
让ie6也支持websocket采用flash封装实现
Feb 18 Javascript
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
Sep 01 Javascript
Js 获取、判断浏览器版本信息的简单方法
Aug 08 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
May 31 Javascript
js/jQuery实现全选效果
Jun 17 jQuery
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
Dec 23 Javascript
使用vue打包进行云服务器上传的问题
Mar 02 Javascript
js 数据类型判断的方法
Dec 03 Javascript
Vue实现一种简单的无限循环滚动动画的示例
Jan 10 Vue.js
js加解密 脚本解密
Feb 22 #Javascript
JS应用之禁止抓屏、复制、打印
Feb 21 #Javascript
js 调整select 位置的函数
Feb 21 #Javascript
js 替换
Feb 19 #Javascript
javascript replace方法与正则表达式
Feb 19 #Javascript
window.addeventjs事件驱动函数集合addEvent等
Feb 19 #Javascript
setAttribute 与 class冲突解决
Feb 17 #Javascript
You might like
探讨:如何通过stats命令分析Memcached的内部状态
2013/06/14 PHP
解析阿里云ubuntu12.04环境下配置Apache+PHP+PHPmyadmin+MYsql
2013/06/26 PHP
php+xml编程之SimpleXML的应用实例
2015/01/24 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
CSDN轮换广告图片轮换效果
2007/03/27 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
2011/12/11 Javascript
js限制文本框只能输入数字(正则表达式)
2012/07/15 Javascript
重写javascript中window.confirm的行为
2012/10/21 Javascript
jQuery模拟超链接点击效果代码
2013/04/21 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
Javascript中的高阶函数介绍
2015/03/15 Javascript
纯JS实现旋转图片3D展示效果
2015/04/12 Javascript
layui 设置table 行的高度方法
2018/08/17 Javascript
vue实现的网易云音乐在线播放和下载功能案例
2019/02/18 Javascript
详解vue中v-bind:style效果的自定义指令
2020/01/21 Javascript
vue-cli设置publicPath小记
2020/04/14 Javascript
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
用Python给文本创立向量空间模型的教程
2015/04/23 Python
利用numpy+matplotlib绘图的基本操作教程
2017/05/03 Python
python基础_文件操作实现全文或单行替换的方法
2017/09/04 Python
python输出电脑上所有的串口名的方法
2019/07/02 Python
Python中url标签使用知识点总结
2020/01/16 Python
Django重设Admin密码过程解析
2020/02/10 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
详解Python+Selenium+ChromeDriver的配置和问题解决
2021/01/19 Python
纯CSS实现菜单、导航栏的3D翻转动画效果
2014/04/23 HTML / CSS
巧用HTML5给按钮背景设计不同的动画简单实例
2016/08/09 HTML / CSS
爱尔兰领先的在线体育用品零售商:theGAAstore
2018/04/16 全球购物
彪马西班牙官网:PUMA西班牙
2019/06/18 全球购物
自我鉴定书范文
2013/10/02 职场文书
演讲比赛获奖感言
2014/02/02 职场文书
物业管理工作方案
2014/05/10 职场文书
承诺书怎么写 ?
2019/04/16 职场文书
MySQL 使用索引扫描进行排序
2021/06/20 MySQL
php修改word的实例方法
2021/11/17 PHP
vue特效之翻牌动画
2022/04/20 Vue.js