2011-12-12 168 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; 
}