这个改变style的方式怎么rip出来?

jquery是个非常小巧的js framework

解决方案 »

  1.   

    我看楼主还是算了吧
    虽然30KB不算小，但那种JS写法确实不好改
      

  2.   

    那能不能改一下,只要在form加一个id, 那么form下的input输入框(type属性为text或没有type属性的),onfocus加载一个class,onblur又加载一个class呢? 
      

  3.   

    相信css.js是基于jquery的进一步的开发的控件, 里面封了这些效果的js.要改的话,阅读css.js这个文件,弄清楚它的原理,然后改写.jquery无非是将JavaScript语法重写,简化了取dom的方法,也重新定义了一些新的很方便的方法.
      

  4.   

    【个人意见，仅供参考】
    <style type="text/css">
    .ss_focus{
    color:#FF0000;
    border:1px solid #FF0000;
    }
    .ss_blur{
    color:#00FF00;
    border:1px solid #00FF00;
    }
    </style>
    <script language="javascript">
    //basic functions
    function $(objName){
    return document.getElementById(objName);
    }function addEvent(obj,evt,fn){
    if(obj.attachEvent){
    obj.attachEvent('on'+evt,fn);
    }
    }//style register, you can add your own function for special control
    function RegisterInputStyle(o, s_focus, s_blur){
    if( o != null){
    o.className = s_blur;
    addEvent(o,'focus',function(){o.className = s_focus;});
    addEvent(o,'blur',function(){o.className = s_blur;});
    }
    }
    //main function
    function RegisterElementStyle(){
    var allInput = document.getElementsByTagName("input");
        for(var i=0; i<allInput.length; i++){
    if(allInput[i].type == 'text'){
    RegisterInputStyle(allInput[i], 'ss_focus', 'ss_blur');
    }
    //the other controls
    //else if(allInput[i].type == '...')
        } 
    }//call after body is loaded
    function PostLoad(){
    RegisterElementStyle();
    }
    </script>
    <body onload="PostLoad()">
    <input type="text" value="Hello my style : 1"/><br />
    <input type="text" value="Hello my style : 2"/><br />
    <input type="text" value="Hello my style : 3"/><br />
    <input type="text" value="Hello my style : 4"/><br />
    <input type="text" value="Hello my style : 5"/><br />
    <input type="text" value="Hello my style : 6"/><br />
    </body>
      

  5.   

    【个人意见，仅供参考】你可以定义你自己的 RegisterXXXXStyle，然后在RegisterElementStyle里面调用就是了。
      

  6.   

    楼上这个好!非常感谢!！还有个问题, 能否加个判断,比如如果有两个form,只需要其中一个id="mrwang2000"下的input进行以上操作，该怎么办？第二，如果扩展到表格变色,我自定义一个函数function RegisterTabStyle(o, s_focus, s_blur){
        if( o != null){
            o.className = s_blur;
            addEvent(o,'mouseover',function(){o.className = s_focus;});
            addEvent(o,'mouseout',function(){o.className = s_blur;});
        }
    }但相关的RegisterTrStyle()这个main function函数我就不会写了。教教我可以吗第三，一定要body onload吗？能不能直接<script src...></script>那种的？谢谢了