js冲突

Question

function $(e) {return document.getElementById(e);}
document.getElementsByClassName = function(cl) {
    var retnode = [];
    var myclass = new RegExp('\\b'+cl+'\\b');
    var elem = this.getElementsByTagName('*');
    for (var i = 0; i < elem.length; i++) {
        var classes = elem[i].className;
        if (myclass.test(classes)) retnode.push(elem[i]);
    }
    return retnode;
}
function s_over(){
$("#select_kid").addClass("h_19_hover");
}
function s_out(){
$("#select_kid").removeClass("h_19_hover");
}
function s_click(){
$("#select_kid2").toggle();
}有了上面那段代码 下面那段就失效了 为什么啊  ？

Answer 1

上面那个写到装包里(function() {
    function $(e) {return document.getElementById(e);}
    document.getElementsByClassName = function(cl) {
        var retnode = [];
        var myclass = new RegExp('\\b'+cl+'\\b');
        var elem = this.getElementsByTagName('*');
        for (var i = 0; i < elem.length; i++) {
            var classes = elem[i].className;
            if (myclass.test(classes)) retnode.push(elem[i]);
        }
        return retnode;
    }
})();

Answer 2

上面解决了 但是
function gotop() {$('showArea').scrollTop-=spec;}
function gobottom() {$('showArea').scrollTop+=spec;}
这段又失效了

Answer 3

都用了JQ 还要 function $(e) {return document.getElementById(e);}
干嘛?

Answer 4

换成
function gotop() {$('#showArea')[0].scrollTop-=spec;}
function gobottom() {$('#showArea')[0].scrollTop+=spec;}

Answer 5

function $(e) {return document.getElementById(e);}
document.getElementsByClassName = function(cl) {
    var retnode = [];
    var myclass = new RegExp('\\b'+cl+'\\b');
    var elem = this.getElementsByTagName('*');
    for (var i = 0; i < elem.length; i++) {
        var classes = elem[i].className;
        if (myclass.test(classes)) retnode.push(elem[i]);
    }
    return retnode;
}
var MyMar;
var speed = 1; //速度，越大越慢
var spec = 3; //每次滚动的间距, 越大滚动越快
var ipath = 'indeximg/'; //图片路径 var thumbs = document.getElementsByClassName('thumb_img');
 
   for (var i=0; i<thumbs.length; i++) {
    thumbs[i].onmouseover = function () {
var img = $('main_img');
img.src=this.rel; 
    img.link=this.link;
};
    thumbs[i].onclick = function () {location = this.link}
}
$('main_img').onclick = function () {location = this.link;}$('gotop').onmouseover = function() {this.src = ipath + 'gotop2.gif'; MyMar=setInterval(gotop,speed);}
$('gotop').onmouseout = function() {this.src = ipath + 'gotop.gif'; clearInterval(MyMar);}
$('gobottom').onmouseover = function() {this.src = ipath + 'gobottom2.gif'; MyMar=setInterval(gobottom,speed);}
$('gobottom').onmouseout = function() {this.src = ipath + 'gobottom.gif'; clearInterval(MyMar);}
function gotop() {$('showArea').scrollTop-=spec;}
function gobottom() {$('showArea').scrollTop+=spec;}
function s_over(){
$("#select_kid").addClass("h_19_hover");
}
function s_out(){
$("#select_kid").removeClass("h_19_hover");
}
function s_click(){
$("#select_kid2").toggle();
var s;
$("#select_kid").click(function() {
clearInterval(s);
s = setInterval("hideid2()", 2000);
});
function hideid2()
{
$("#select_kid2").fadeOut("fast");
}
$("#select_kid2").hover(function () { clearInterval(s)},function () {$("#select_kid2").fadeOut("fast");});  
}怎么调都是有冲突 用了jQuery  

Answer 6

(function() {
function $(e) {return document.getElementById(e);}
document.getElementsByClassName = function(cl) {
    var retnode = [];
    var myclass = new RegExp('\\b'+cl+'\\b');
    var elem = this.getElementsByTagName('*');
    for (var i = 0; i < elem.length; i++) {
        var classes = elem[i].className;
        if (myclass.test(classes)) retnode.push(elem[i]);
    }
    return retnode;
}
var MyMar;
var speed = 1; //速度，越大越慢
var spec = 3; //每次滚动的间距, 越大滚动越快
var ipath = 'indeximg/'; //图片路径 var thumbs = document.getElementsByClassName('thumb_img');
 
   for (var i=0; i<thumbs.length; i++) {
    thumbs[i].onmouseover = function () {
    var img = $('main_img');
        img.src=this.rel; 
        img.link=this.link;        
    };
    thumbs[i].onclick = function () {location = this.link}
}
$('main_img').onclick = function () {location = this.link;}$('gotop').onmouseover = function() {this.src = ipath + 'gotop2.gif'; MyMar=setInterval(gotop,speed);}
$('gotop').onmouseout = function() {this.src = ipath + 'gotop.gif'; clearInterval(MyMar);}
$('gobottom').onmouseover = function() {this.src = ipath + 'gobottom2.gif'; MyMar=setInterval(gobottom,speed);}
$('gobottom').onmouseout = function() {this.src = ipath + 'gobottom.gif'; clearInterval(MyMar);}
function gotop() {$('showArea').scrollTop-=spec;}
function gobottom() {$('showArea').scrollTop+=spec;}
})();

Answer 7

ok! 又进步一点了  感谢sohighthesky！