Internet explorer 如何将鼠标移到Google Chrome和IE上?

Internet explorer 如何将鼠标移到Google Chrome和IE上?,internet-explorer,raphael,mouseover,Internet Explorer,Raphael,Mouseover,如果我使用“zm”来检查鼠标悬停,这个脚本将在IE中运行,而不在IE中运行,但是如果我使用“z”或“group”来检查鼠标悬停,脚本将在IE上运行,而不是在google Chrome上运行 还有一件事,如果它运行到IE,他不会在圆圈元素上方显示文本 代码如下: var o = { init: function(){ this.diagram(); }, random: function(l, u){ return Math.floor((Math.random()*(u-l+1)

如果我使用“zm”来检查鼠标悬停,这个脚本将在IE中运行,而不在IE中运行,但是如果我使用“z”或“group”来检查鼠标悬停,脚本将在IE上运行,而不是在google Chrome上运行

还有一件事,如果它运行到IE,他不会在圆圈元素上方显示文本

代码如下:

var o = {
init: function(){
    this.diagram();
},
random: function(l, u){
    return Math.floor((Math.random()*(u-l+1))+l);
},
diagram: function(){
    var r = Raphael('diagram', 300, 300),
        rad = 73,
        defaultText = '',
        speed = 250;
        cor = "#f1f1f1";
        clicado = "";
        var tempp, tempp2;

    var arco_width = 120; /* Largura do arco */
    var arco_ganho = 135; /* Nova largura quando der Mouse over */
    var arco_espaco = 230; /* espaçamento de um arco para o outro */
    var arco_espaco_unico = 55;
    var alet = 90;/* Angulo de cada parte */

    circulo = r.circle(0, 0, 280).attr({ stroke: 'none', fill: cor/*'#D1D1D1'*/ }); /* '#193340'*/
    foto = r.image("./images/logo-escolaweb-x-75.png", 10, 20, 117, 75);
    c_mask = r.circle(0, 0, 180).attr({ stroke: 'none', fill: 'yellow',  opacity: 0 }); /* '#193340'*/
    //vect = r.r.print(220, 50, "print", r.getFont("Roboto Condensed"), 800).attr({fill: "#fff"});


    /*
    foto.click(function(){
    circulo.attr({ fill: "blue"});
    });*/


    /*var title = r.text(0, 0, defaultText).attr({
        font: '20px Arial',
        fill: '#fff'

    }).toFront();*/

    function menu(atual,cor)
    {

    for (var a=0;a<9;a++)
        { 
            //$("#diagram").css("background-color",color);
            $('.mod').eq(a).css("visibility",'hidden');
            $('.mod').eq(a).css("display",'none');
        }
        //alert("Welcome " + a + ", the ");
        $('.mod').eq(atual).css("display",'inline');
        $('.mod').eq(atual).css("visibility",'visible');
        $('.mod').eq(atual).css("background-color",cor);
    }


    r.customAttributes.arc = function(value, color, rad){
        var v = 3.6*3.25/*value*/,
            alpha = v == 360 ? 359.99 : v,
            random = (-alet),
            a = (random-alpha) * Math.PI/180,
            b = random * Math.PI/180,
            sx = +rad * Math.cos(b),
            sy = -rad * Math.sin(b),
            x =  +rad * Math.cos(a),
            y = -rad * Math.sin(a),
            path = [['M', sx, sy], ['A', rad, rad, 0, +(alpha > 180), 1, x, y]];
        return { path: path, stroke: color,}
    }


    $('.get').find('.arc').each(function(i, ii){
        var t = $(this), 
            color = t.find('.color').val(),
            value = t.find('.percent').val(),
            text = t.find('.text').text(),
            tid = t.find('.pos').val(),
            conteudo = t.find('.conteudo').text();
            alet = ( 9.771* i );

            /*title.rotate(20.25 * i);*/

        rad = arco_espaco;  
        var zm = r.path().attr({ arc: [value, color, rad], 'stroke-width': arco_width, opacity: 0}).toFront();
        var z = r.path().attr({ arc: [value, color, rad], 'stroke-width': arco_width});



        var title = r.text(225, 0, defaultText).attr({
            font: '20px Arial',
            fill: '#999'
            }).toFront();
            title.rotate(10.25*(i+0.40),-1,5);



        var texto = r.text(300, 10,  conteudo).attr({
            font: '20px Arial',
            fill: '#999',
            "text-anchor":"start",
            opacity: 0
            }).toFront();





        var group = r.set();
        group.push(z);
        group.push(title);
        ativo = 1;


        z.mouseover(function(){
            z.animate({ 'stroke-width': arco_ganho, opacity: 0.75 }, 1000, 'elastic');
            if(Raphael.type != 'VML') //solves IE problem
            title.stop().animate({ opacity: 1 }, speed, '>', function(){
                title.attr({ text: text + '\n'}).animate({ opacity: 1 }, 50, '<');
                title.toFront();
            });

            document.body.style.cursor = "pointer";


        z.mouseout(function(){
            z.stop().animate({ 'stroke-width': arco_width, opacity: 1 }, speed*4, 'elastic');
            title.stop().animate({ opacity: 0 }, speed, '>', function(){
                title.attr({ text: defaultText }).animate({ opacity: 0 }, speed, '<');
                title.attr({ text: text + '\n'  }).animate({ opacity: 0, align: left }, speed, '<');
                tempp2 = this;

            }); 
            document.body.style.cursor = "auto";


        });




        z.click(function () {
        $("#diagram").css("background-color",color);
        menu(i,color);

        tempp = temmp2;
        tempp.attr({opacity: 1});
        tempp2.attr({opacity: 1});


        });

        });//MOUSE OVER -FIM

        zm.toFront();
    });


}
}
$(function(){ o.init(); });
var o={
init:function(){
这个图();
},
随机:函数(l,u){
返回数学楼层((数学随机()*(u-l+1))+l);
},
图表:函数(){
var r=拉斐尔('图',300,300),
拉德=73,
defaultText=“”,
速度=250;
cor=“#f1f1”;
clicado=“”;
var-tempp,tempp2;
var arco_宽度=120;/*Largura do arco*/
var arco_ganho=135;/*鼠标悬停*/
var arco_espaco=230;/*espaçamento de um arco para o outro*/
var arco_espaco_unico=55;
var alet=90;/*Angulo de cada parte*/
circulo=r.circle(0,0280).attr({stroke:'none',fill:cor/*'#D1D1D1'*/});/*'#193340'*/
foto=r.image(“./images/logo-escolaweb-x-75.png”,10,20,117,75);
c_mask=r.circle(0,0,180).attr({stroke:'none',fill:'yellow',opacity:0});/*'#193340'*/
//vect=r.r.print(220,50,“print”,r.getFont(“Roboto Condensed”),800);
/*
foto.click(函数(){
圆圈属性({fill:“blue”});
});*/
/*var title=r.text(0,0,defaultText).attr({
字体:“20px Arial”,
填充:“#fff”
}).toFront()*/
功能菜单(atual、cor)
{
对于(VarA=0;a180),1,x,y]];
返回{path:path,stroke:color,}
}
$('.get').find('.arc').each(函数(i,ii){
var t=$(此),
color=t.find('.color').val(),
value=t.find('.percent').val(),
text=t.find('.text').text(),
tid=t.find('.pos').val(),
conteudo=t.find('.conteudo').text();
alet=(9.771*i);
/*标题.旋转(20.25*i)*/
rad=arco_espaco;
var zm=r.path().attr({arc:[value,color,rad],'stroke width':arco_width,opacity:0});
var z=r.path().attr({arc:[value,color,rad],'stroke width':arco_width});
var title=r.text(225,0,defaultText).attr({
字体:“20px Arial”,
填写:“#999”
}).toFront();
标题.旋转(10.25*(i+0.40),-1,5);
var texto=r.text(300,10,conteudo).attr({
字体:“20px Arial”,
填写:“#999”,
“文本锚定”:“开始”,
不透明度:0
}).toFront();
var group=r.set();
推(z)组;
组推(标题);
ativo=1;
z、 鼠标悬停(函数(){
z、 动画({“笔划宽度”:arco_ganho,不透明度:0.75},1000,“弹性”);
if(Raphael.type!=“VML”)//解决IE问题
title.stop().animate({opacity:1},速度,'>',函数(){
title.attr({text:text+'\n'}).animate({opacity:1},50',,function()){

title.attr({text:defaultText}).animate({opacity:0},speed,我使用以下方法解决了这个问题:

 if(navigator.appName=="Microsoft Internet Explorer") { }

当IE执行一个代码时,或者执行另一个代码:)

如果可以,请添加JSFIDLE