2011-12-12 179 views
2

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

我把它放在'button_text_style'属性中的颜色属性,但这个小部件似乎没有任何属性来设置悬停属性。

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

任何想法?

感谢

回答

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, 
........ 
} 

一些样式(字体样式)解决它necesary使用“button_text_style”属性

其他样式的CSS作品类细

,但它是必要的补充 “button_window_mode:SWFUpload.WINDOW_MODE.TRANSPARENT”

+1

我不想想这个:悬停代码的作品,尽管你说它的确如此。我不相信用SWFUpload来改变悬停CSS的方法。出于好奇,我试了你的代码,正如我想的那样,它不起作用。所以我真的希望你进一步解释。此外,当Flash需要完整的6个字符的十六进制代码时,您的代码错误地将颜色分配为3个字符的十六进制代码。请参阅Flash的“颜色”属性:http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/text/StyleSheet.html –

3

我解决它通过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; 
}