Internet explorer 如何将鼠标移到Google Chrome和IE上?
如果我使用“zm”来检查鼠标悬停,这个脚本将在IE中运行,而不在IE中运行,但是如果我使用“z”或“group”来检查鼠标悬停,脚本将在IE上运行,而不是在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)
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