• 两个页面效果技巧

    2006-04-08

    分类:开发手记

    版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://www.mryang.org/logs/16101558.html

    一个早上,终于完成了一个组合查询,有了这个基础,后面的组合查询就方便多了。
    这里有两个Javascript页面效果的技巧,是在我的程序中使用到的:

    1、在输入框中敲Enter,直接跳转到下一个输入框
    实现这个功能实际上是将Enter转换成了Tab,这样就会实现顺序的跳转,但是必须要检测到现在敲的是Enter,在Javascript中有KeyDown事件,可以用来监测键盘事件,代码如下:

    < script language=”javascript”>
    function checkenter()
    {
    if(event.keyCode==13) //Enter的编码是13
    event.keyCode=9; //Tab的编码是9
    }
    < /script>

    在文本框的地方启用KeyDown事件调用checkenter()
    < input name=”employeename” type=”text” id=”employeename” size=”10″ maxlength=”10″ onkeydown=”checkenter();” />
    此代码只在IE浏览器内有效,Firefox和Opera无效。

    2、鼠标经过表格的单元格或行时,背景颜色变化
    这个是比较简单的,代码如下:
    行的背景变化:
    < tr onmouseover=”this.bgColor=’#eeeeee’;” onmouseout=”this.bgColor=’#ffffff’;”>
    单元格的背景变化:

    整个表格的背景变化:
    < table onmouseover=”this.bgColor=’#eeeeee’;” onmouseout=”this.bgColor=’#ffffff’;”>


    收藏到:Del.icio.us

发表评论

您将收到博主的回复邮件
记住我