Mootools 1.1/1.2 边框或 FX.Styles 中的边框颜色无法更改/设置 NaNpx 错误

发布于 2024-12-11 05:00:20 字数 850 浏览 0 评论 0原文

这让我发疯，我有一个与 FX 完美配合的代码。 1.2.x 中的变形所有值也适用于 1.1，但边框颜色或边框根本不起作用并引发 NaNpx 错误。

        var fx = new Fx.Styles(element,{ duration:500,wait:false });
            element.addEvents({
                'mouseenter': function() { fx.start({ 
                'background-color':'#ff8c00',
                'border-color':'1px solid #cccccc'
            });

我检查了一下，moo 1.1 中的 getStyle('border') 返回 1px 实心 #fffff 但我猜每个边框的 border-color 返回 4x #ffffff ，所以我应该如何正确声明每个边框，边框宽度，边框样式，我已经尝试了以上所有方法，但都出现错误。大多数情况 NaNpx

这里是 JSfiddle http://jsfiddle.net/b44Wp/8/

当您从 1.1.2 切换到 1.2 时。 5 将 Styles 更改为 Morph ，现在在该示例中，即使 1.2.5 也会引发相同的错误，但它显示黑色边框。

由于我使用的边框IE7根本不起作用，背景颜色工作正常。很抱歉，我必须支持多个浏览器，包括我们的“最好的朋友”。

如果您知道更好的解决方案，只需转换另一个 div 类并保持相同的视觉效果，请告知。谢谢你！！

原文

This is driving me mad , I have a code that works perfect with FX. Morph in 1.2.x all values also work in 1.1 but the border-color or border simply do not work and trow NaNpx error.

        var fx = new Fx.Styles(element,{ duration:500,wait:false });
            element.addEvents({
                'mouseenter': function() { fx.start({ 
                'background-color':'#ff8c00',
                'border-color':'1px solid #cccccc'
            });

I checked and getStyle('border') in moo 1.1 returns 1px solid #fffff
but border-color returns 4x #ffffff for each border I guess , so how should I declare this properly , each border , border-width , border-style ,
I have tried all the above and all of them trow error. Most cases NaNpx

Here is JSfiddle
http://jsfiddle.net/b44Wp/8/

when you switch from 1.1.2 to 1.2.5 change Styles to Morph , and now on that example even 1.2.5 is trowing the same error but it shows the black border.

As soosn as I use the border IE7 does not work at all , background color works fine . I am sorry but I have to support multiple browsers including our "best friend"

If you know better solution which would be simply transition another div class in and keep same visual effect please please advise. Thank you!!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

凉风有信 2024-12-18 05:00:21

moo 1.1 的解决方案 'border-color': ['F9F9F9', 'cccccc'] 所有其他 moo 版本都可以使用 border: '1px Solid #cccccc'

回复收藏 0 原文

樱桃奶球 2024-12-18 05:00:20

您应该将“border-color”作为属性;) http://jsfiddle.net/xDWZr/

var myelement = $('.mydiv');

myelement .each(function(myelement ) {  
    var fx = new Fx.Styles(myelement ,{ duration:500,wait:false});
        myelement.addEvents({
            'mouseenter': function() { fx.start({ 
            'background-color':'#ff8c00',
            'border-color':'#000000'
        }); 
},
          'mouseleave': function() { fx.start({ 
             'background-color':'#ffffff',
            'border-color':'#CCCCCC'
         }); 
  }
   });
 });

但是。 ..u 还应该更新到较新的 mootools 版本（现在是 1.4.1）;)

You should put 'border-color' as property ;) http://jsfiddle.net/xDWZr/

var myelement = $('.mydiv');

myelement .each(function(myelement ) {  
    var fx = new Fx.Styles(myelement ,{ duration:500,wait:false});
        myelement.addEvents({
            'mouseenter': function() { fx.start({ 
            'background-color':'#ff8c00',
            'border-color':'#000000'
        }); 
},
          'mouseleave': function() { fx.start({ 
             'background-color':'#ffffff',
            'border-color':'#CCCCCC'
         }); 
  }
   });
 });

but...u should also update to a newer mootools version (now it's 1.4.1) ;)

回复收藏 0 原文

~没有更多了~