首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js特效,该怎么处理

2012-03-23 
js特效比如说这个页面首次加载的时候,我要让页面中所有的输入控件的背景色为灰色,并且Enablefalse的时候

js特效
比如说这个页面首次加载的时候,我要让页面中所有的输入控件的背景色为灰色,并且Enable=false的时候 js代码如何去阐述

[解决办法]

HTML code
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Test</title><body>    <input type="text" />    <input type="text" />    <input type="text" />    <input type="text" />    <input type="text" />    <input type="text" /><script type="text/javascript">    var inps = document.getElementsByTagName('input'),    len = inps.length;        for(var i = 0; i < len; i++){        inps[i].style.background = '#CCC';        inps[i].disabled = 'false';    }</script></body></html>
[解决办法]

前两天项目里面需要用 ,, 自己封装的 
JScript code
/**     * 方法目的  根据自己设定的编号 和  是否可用  改变页面空间的 是否可用     * 使用方法:     * ChangeInputDisabled.changeDisabled([{"id":"alertName","enable":"true"},{"id":"infoType","enable":"true"}]);     */    var ChangeInputDisabled=    {            changeDisabled:function(ids)            {                if(!ids||!ids.length||!ids.length>0)return;                for(var i=0;i<ids.length;i++)                {                    if($(ids[i].id))                    {                        ChangeInputDisabled.changeByType($(ids[i].id),ids[i].enable);                    }                }            },            changeByType:function(obj,typeCheck)            {                if(obj&&obj.type)                {                    var objtype=obj.type;                    switch(objtype)                    {                        case "checkbox":                        case "radio":                            var objs=document.getElementsByName(obj.name);                            for(var i=0;i<objs.length;i++)                            {                                ChangeInputDisabled.changeByOne(objs[i],typeCheck);                            }                            break;                        default:                            ChangeInputDisabled.changeByOne(obj,typeCheck);                            break;                    }                }                else                {                    ChangeInputDisabled.changeByOne(obj,typeCheck);                }            },            changeByOne:function(obj,typeCheck)            {                if(typeCheck=="true")                {                    obj.disabled="disabled";                }else                {                    obj.removeAttribute("disabled");                }            }        } 

热点排行