Question

我想在swfupload按钮中更改悬停时的文本颜色。

我将它放在'button_text_style'属性中的color属性，但是这个小部件似乎没有任何属性来设置悬停属性。

var settings = {
...
    button_text: '<span class="Button">Select photos</span>',
    button_width: "65",
    button_height: "29",
    button_text_style: '.Button {color:#FFF;}',
...
}

有什么想法吗？

由于

Answer 1

我通过div包装SWF对象并观察包装器的悬停事件来解决它：

<div class="wrapper">
    <object></object>
</div>

$('div.wrapper').hover(function() {
     SWFUpload.setButtonText('<span class="hover">Upload</span>');
}, function() {
     SWFUpload.setButtonText('<span>Upload</span>');
});

button_text_style：

span {
    color: #000000;
}
span.hover {
    color: #ff0000;
}

Answer 2

我用

解决了这个问题

buttonStyles = 
                '.Button {color: #FFF' +
                ';font-weight: bold'+ 
                ';font-family: Arial' +
                ';} ' +
                '.Button:hover {color: #000' +
                ';} ';

var settings = {
.....
                button_placeholder_id: "spanButtonPlaceHolder",
                button_text: '<span class="Button">Select photos</span>',
                button_text_style: buttonStyles,
                button_text_left_padding: 12,
                button_text_top_padding: 3,
                button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,
                button_width:  100,
                button_cursor: SWFUpload.CURSOR.HAND,
........
}

对于某些样式（字体样式）是必要的，使用“button_text_style”属性

对于其他样式，css中的类可以正常工作

但必须添加“button_window_mode：SWFUpload.WINDOW_MODE.TRANSPARENT”

Answer 3

最好的办法是使用精灵图像和setButtonImageURL属性。您需要创建一个具有4种状态（从上到下）正常，悬停，单击和禁用的图像。以下是一个例子： http://demo.swfupload.org/v220/formsdemo/XPButtonUploadText_61x22.png

Swfupload，在悬停时改变颜色

3 个答案: