Javascript 动画及;文本阴影冲突

Javascript 动画及;文本阴影冲突,javascript,jquery,animation,css,Javascript,Jquery,Animation,Css,我有两个小问题:1)我使用基于Kilian Valkof插件的脚本在IE7/8/9中设置文本阴影。当它们被设置动画时,当你在IE中鼠标掠过然后鼠标移出时,它们后面会产生一个黑匣子,当每个字母的动画完成后,黑匣子就会消失。如果我注释掉IE插件,那么当然阴影不会在IE中渲染,但是黑盒问题消失了,所以两个插件之间发生了一些事情,需要一些帮助。我怎样才能让那黑色的闪烁停止 这是一个JSFIDLE(已删除) 2) 我试图在文本阴影插件中为任何span.sl-w2分配一个更大的宽度w/(请参阅代码注释“更新

我有两个小问题:1)我使用基于Kilian Valkof插件的脚本在IE7/8/9中设置文本阴影。当它们被设置动画时,当你在IE中鼠标掠过然后鼠标移出时,它们后面会产生一个黑匣子,当每个字母的动画完成后,黑匣子就会消失。如果我注释掉IE插件,那么当然阴影不会在IE中渲染,但是黑盒问题消失了,所以两个插件之间发生了一些事情,需要一些帮助。我怎样才能让那黑色的闪烁停止

这是一个JSFIDLE(已删除)

2) 我试图在文本阴影插件中为任何span.sl-w2分配一个更大的宽度w/(请参阅代码注释“更新宽度”)。跨度的宽度设置为“自动”,那么如何分配它,即原始宽度+一些数字?以下是textShadow插件(已修改):

/*IE的jQuery textShadow插件
*版本1.1(26/02/2010)
*@需要jQuery v1.2+
*
*版权所有(c)2008-2010 Kilian Valkhof(Kilian Valkhof.com)
*MIT和GPL许可下的双重许可:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*修改**
*/
(函数($){
$.fn.textShadowls=函数(用户选项){
返回此值。每个(函数(){
var obj=$(本);
//obj.removeTextShadowls();//不知道为什么需要这样做?
var col='#000000';/%id=?somecolor?%
var blurrad=3;//%id=shblur1%
var gstr=8;//%id=shx1%
var text=”“+obj.html()+”;
var pleft=3+‘px’;
var initwd2=obj.width();//应该从.sl-w2中提取宽度吗?我想这是$(这个)
log('此初始宽度:'+initwd2);
var wd=initwd2+gstr+‘px!重要’;
var默认值={
颜色:col,
blur:blurrad,
glowstr:gstr,
不透明度:60
};
var options=$.extend(默认值,useroptions);
options.color=(options.color.length==4)?options.color.replace(/#([0-9A-f])([0-9A-f])([0-9A-f]))/i,“#$1$2$3$3':options.color;
var filtertext=“辉光(强度=“+options.glowstr+”颜色=“+options.blur+”方向=45)模糊(强度=“+options.blur+”方向=90)模糊(强度=“+options.blur+”方向=135)模糊(强度=“+options.blur+”方向=180)模糊(强度=“+options.blur+”方向=225)模糊(强度=“+options.blur+”方向=270)模糊(strength=“+options.blur+”方向=315)blur(strength=“+options.blur+”方向=360)progid:DXImageTransform.Microsoft.Alpha(opacity=“+options.opacity+”);
如果($.browser.msie&&options!=“”){
如果(对象为('.sl-w2')){
//css({“缩放”:“1”}).append(文本);
对象附加(文本);
对象子对象(“span.jqshadles”).css({
“位置”:“绝对”,
“宽度”:wd,
“左填充”:请,
“z-索引”:“-1”,
“缩放”:“1”,
“过滤器”:过滤器文本,
“-ms过滤器”:过滤器文本
});
$('span.sl-w2').css({'width':wd,'padding left':pleft});//更新宽度
}否则{
//css({“缩放”:“1”}).append(文本);
对象附加(文本);
对象子对象(“span.jqshadles”).css({
“位置”:“绝对”,
“z-索引”:“-1”,
“缩放”:“1”,
“过滤器”:过滤器文本,
“-ms过滤器”:过滤器文本
});
//obj.parent()。
}   
}
});
};
$.fn.removeTextShadowls=函数(){
返回此值。每个(函数(){
$(this.children(“span.jQshadls”).remove();
});
};
})(jQuery);
谢谢,比尔

有人能帮我吗?我真的很努力,但需要一些编码帮助:-)比尔终于找到了答案;-)只需要使用模糊w/像素半径和阴影不透明度

稍后,比尔

/* jQuery textShadow plugin for IE
* Version 1.1 (26/02/2010)
* @requires jQuery v1.2+
*
* Copyright (c) 2008 - 2010 Kilian Valkhof (kilianvalkhof.com)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* MODIFICATIONS made **
*/
(function($) {
  $.fn.textShadowls = function(useroptions) {
   return this.each(function() {
    var obj = $(this);
    // obj.removeTextShadowls(); // Don't know why this is necessary? 
    var col = '#000000'; // %id=?somecolor?%       
    var blurrad = 3; // %id=shblur1%
    var gstr = 8; // %id=shx1%
    var text = "<span class='jQshadls'>" + obj.html() + "</span>";
    var pleft = 3 + 'px';
    var initwd2 = obj.width();  // Should pull width from .sl-w2? I think that's $(this)
    console.log('This Init Width:' + initwd2);        
    var wd = initwd2 + gstr + 'px !important';
    var defaults = {
      color: col,
      blur: blurrad,
      glowstr: gstr,
      opacity: 60
    };
    var options = $.extend(defaults, useroptions);
    options.color = (options.color.length == 4) ? options.color.replace(/#([0-9A-f])([0-9A-f])([0-9A-f])/i, '#$1$1$2$2$3$3') : options.color;
    var filtertext = "glow(strength="+options.glowstr+" color="+options.color+")blur(strength="+options.blur+" direction=45)blur(strength="+options.blur+" direction=90)blur(strength="+options.blur+" direction=135)blur(strength="+options.blur+" direction=180)blur(strength="+options.blur+" direction=225)blur(strength="+options.blur+" direction=270)blur(strength="+options.blur+" direction=315)blur(strength="+options.blur+" direction=360)progid:DXImageTransform.Microsoft.Alpha(opacity="+options.opacity+")";
    if($.browser.msie && options != "") {
      if (obj.is('.sl-w2')) {
        // obj.css({"zoom":"1"}).append(text);
        obj.append(text);  
        obj.children("span.jQshadls").css({
          "position":"absolute",
          "width":wd,  
          "padding-left":pleft,
          "z-index":"-1",
          "zoom":"1",
          "filter":filtertext,
          "-ms-filter":filtertext 
        });
        $('span.sl-w2').css({'width':wd, 'padding-left':pleft});// UPDATE WIDTH 
      } else {
        // obj.css({"zoom":"1"}).append(text);
        obj.append(text);  
        obj.children("span.jQshadls").css({
          "position":"absolute",
          "z-index":"-1",
          "zoom":"1",
          "filter":filtertext,
          "-ms-filter":filtertext 
        });
        //obj.parent().
      }   
    }
  });
};
$.fn.removeTextShadowls = function() {
  return this.each(function() {
    $(this).children("span.jQshadls").remove();
  });
};
})(jQuery);