bcastr4 直接寫入參數方法

在使用bcastr4的時候,碰到須要對其修改顏色, 便有了如下的內容:
<object type="application/x-shockwave-flash" data="/Skins/bf008/Content/Object/bcastr4.swf?xml=
                        <data>
                            <channel>
                                <item>
                                    <link>/prodetail/306511.aspx</link>
                                    <image>http://www.wzyxfm.com/Upload/images/6465f25cf57246958fcf886968731c08.jpg</image>
                                    <title>美標球閥</title>
                                </item>
                                <item>
                                    <link>/prodetail/306509.aspx</link>
                                    <image>http://www.wzyxfm.com/Upload/images/b07f0c97ffc54cd58398df45c3fc8f92.jpg</image>
                                    <title>國標球閥</title>
                                </item>
                                <item>
                                    <link>/prodetail/306508.aspx</link>
                                    <image>http://www.wzyxfm.com/Upload/images/686a787d6f0746d4a46474fe2c0e5033.jpg</image>
                                    <title>國標球閥</title>
                                </item>
                                <item>
                                    <link>/prodetail/306505.aspx</link>
                                    <image>http://www.wzyxfm.com/Upload/images/afcbe443f5544fb7acdf3d6270903127.jpg</image>
                                    <title>中型球閥</title>
                                </item>
                            </channel>
                            <config> <titleBgColor>0x054FBA</titleBgColor> <btnHoverColor>0x054FBA</btnHoverColor> <btnFocusColor>0x054FBA</btnFocusColor> </config>
                        </data>
                        " width="258" height="206" id="vcastr3">
                        <param name="movie" value="/Skins/bf008/Content/Object/bcastr4.swf?xml=
                        <data>
                            <channel>
                                <item>
                                    <link>/prodetail/306511.aspx</link>
                                    <image>http://www.wzyxfm.com/Upload/images/6465f25cf57246958fcf886968731c08.jpg</image>
                                    <title>美標球閥</title>
                                </item>
                                <item>
                                    <link>/prodetail/306509.aspx</link>
                                    <image>http://www.wzyxfm.com/Upload/images/b07f0c97ffc54cd58398df45c3fc8f92.jpg</image>
                                    <title>國標球閥</title>
                                </item>
                                <item>
                                    <link>/prodetail/306508.aspx</link>
                                    <image>http://www.wzyxfm.com/Upload/images/686a787d6f0746d4a46474fe2c0e5033.jpg</image>
                                    <title>國標球閥</title>
                                </item>
                                <item>
                                    <link>/prodetail/306505.aspx</link>
                                    <image>http://www.wzyxfm.com/Upload/images/afcbe443f5544fb7acdf3d6270903127.jpg</image>
                                    <title>中型球閥</title>
                                </item>
                            </channel>
                              <config> <titleBgColor>0x054FBA</titleBgColor> <btnHoverColor>0x054FBA</btnHoverColor> <btnFocusColor>0x054FBA</btnFocusColor> </config>
                        </data>
                        " />
                    </object>

     以上代碼中橙色標記部分即高級設置(部分)。值得注意的是 boject的data中以及param中的data都要加config參數設置,其中第一個是爲了Chrome等瀏覽器,而另外一個是爲兼容IE瀏覽器。css

 

==================================================================================================瀏覽器

 

 如下爲默認的config參數:app

<config>
        <roundCorner>0</roundCorner>
        <autoPlayTime>8</autoPlayTime>
        <isHeightQuality>false</isHeightQuality>
        <blendMode>normal</blendMode>
        <transDuration>1</transDuration>
        <windowOpen>_self</windowOpen>
        <btnSetMargin>auto 15 15 auto</btnSetMargin>
        <btnDistance>20</btnDistance>
        <titleBgColor>0xa2f438</titleBgColor>
        <titleTextColor>0xffffff</titleTextColor>
        <titleBgAlpha>.75</titleBgAlpha>
        <titleMoveDuration>1</titleMoveDuration>
        <btnAlpha>.7</btnAlpha>
        <btnTextColor>0xffffff</btnTextColor>
        <btnDefaultColor>0x999999</btnDefaultColor>
        <btnHoverColor>0x999999</btnHoverColor>
        <btnFocusColor>0x054FBA</btnFocusColor>
        <changImageMode>click</changImageMode>
        <isShowBtn>true</isShowBtn>
        <isShowTitle>false</isShowTitle>
        <scaleMode>noBorder</scaleMode>
        <transform>breatheBlur</transform>
        <isShowAbout>true</isShowAbout>
        <titleFont>微軟雅黑</titleFont>
    </config>

設置
config.roundCorner 圖片的圓角
config.autoPlayTime 圖片切換時間,默認值是8,單位秒
config.isHeightQuality 圖片縮小是否採用高質量的方法,默認值false
config.normal 圖片的混合模式
config.transDuration 圖片在切換過程當中的時間,默認值1,單位秒
config.windowOpen 圖片鏈接的打開方式,默認值」_blank」,在新窗口打開,也能夠使用」_self」,使用本窗口打開
config.btnSetMargin 按鈕的位置,文字的位置,用了css的margin概念,默認值」auto 5 5 auto」,四個數值表明 上 右 下 左 相對於播放器的距離,四個數值用空格分開,不需具體數值用」auto」填寫 ,好比左上對齊並都有10像素的距離能夠寫 「10 auto auto 10″, 右下角對齊是」auto 10 10 auto」
config.btnDistance 每一個按鈕的距離,默認值20
config.titleBgColor 標題背景的顏色,默認0xff6600
config.titleTextColor 標題文字的顏色,默認0xffffff
config.titleBgAlpha 標題背景的透明度,默認0.75
config.titleFont 標題文字的字體,默認值」微軟雅黑」
config.titleMoveDuration 標題背景動畫的時間,默認值1,單位秒
config.btnAlpha 按鈕的透明度,默認值0.7
config.btnTextColor 按鈕文字的顏色,默認值0xffffff
config.btnDefaultColor 按鈕的默認顏色,默認值0×1B3433
config.btnHoverColor 按鈕的默認顏色,默認值0xff9900
config.btnFocusColor 按鈕當前顏色,默認值0xff6600
config.changImageMode 切換圖片的方法,默認值」click」,點擊切換圖片,還能夠使用」hover」,鼠標懸停就切換圖片
config.isShowBtn 是否顯示按鈕,默認值」true」
config.isShowTitle 是否顯示標題,默認值」true」
config.scaleMode 圖片放縮模式: 默認值是」noBorder」
「showAll」: 能夠看到所有圖片,保持比例,可能上下或者左右
「exactFil」: 放縮圖片到舞臺的尺寸,可能比例失調
「noScale」: 圖片的原始尺寸,無放縮
「noBorder」: 圖片充滿播放器,保持比例,可能會被裁剪
config.transform 圖片放縮模式: 默認值是」alpha」
「alpha」: 透明度淡入淡出
「blur」: 模糊淡入淡出
「left」: 左方圖片滾動
「right」: 右方圖片滾動
「top」: 上方圖片滾動
「bottom」: 下方圖片滾動
「breathe」: 有一點點地放縮的淡入淡出
「breatheBlur」: 有一點點地放縮的模糊淡入淡出,本頁的例子就是這個
config.isShowAbout 是否顯示關於信息,默認值」true」字體

相關文章
相關標籤/搜索