其实Focus效果网上满大街都是，最早是从老甘的网站上看到的，Focus效果其实只对Firefox，Opera这类标准的浏览器才有效，IE则不认这个，那怎么办呢？老甘的文章里提供了解决方法，我也做了个Demo。
现在问题来了，如果我只要页面上某个input或者textarea有Focus效果怎么办呢？
用CSS的Focus很容易做到，但是IE呢？自己试了很多次，还是解决不了问题，由于自己的JS水平紧紧跟随着我国的社会主义发展水平，都是处在初级阶段，所以特请了处在资本主义阶段的偷米饭大侠帮我改了一下这段JS，嘿嘿！
Demo链接：http://blog.ikshow.cn/demo/form_focus/done.html
代码如下：
- function suckerfish(type, tag, parentId,clsName) {
- if (window.attachEvent) {
- window.attachEvent("onload", function() {
- var sfEls = (parentId==null)?document.getElementsByTagName(tag):document.getElementById(parentId).getElementsByTagName(tag);
- type(sfEls,clsName);
- });
- }
- }
- sfFocus = function(sfEls,clsName) {
- for (var i=0; i<sfels.length;>
- if((clsName!=null&&clsName==sfEls[i].className)||clsName==null){</sfels.length;>
- sfEls[i].onfocus=function() {
- this.className+=" sffocus";
- }
- sfEls[i].onblur=function() {
- this.className=this.className.replace(new RegExp(" sffocus\\b"), "");
- }
- }
- }
- }
- suckerfish(sfFocus, "input" , null ,"a1");
- //类名为a1的input
- suckerfish(sfFocus, "input" , "form2" );
- //id名为form2的表单内所有input
1楼的 jacken 说：
不错!!
我的网站 http://jacken.com.cn 欢迎 友情链接
[07月 2nd, 2008 at 10:43 am]