2012-07-18 147 views
3

嗨我在我的web應用程序中使用colorbox。我想知道是否可以更改我的顏色框的邊框顏色。我已經通過代碼消失了,看到有一個屬性如何更改colorbox的邊框顏色

#cboxMiddleLeft:background: url("images/controls.png") repeat-y scroll left top transparent; 

,當我去彩盒的圖片文件夾中我看到了controls.png圖像顏色框的左右邊框和財產

#cboxBottomCenter: background: url("images/border.png") repeat-x scroll 0 -29px transparent; 

彩色框的頂部和底部邊框。這兩個圖像都在dark grey color

現在我想問,如果我想改變顏色框的邊框,那麼我應該把color.png and border.png置於那種特定的顏色?我可以用所有顏色獲取這些圖像嗎?因爲很難在所有顏色中設計相同的圖像。

我的web應用程序的顏色變化很多顏色,我想顯示這些顏色的邊框。什麼是最好的方法呢?有沒有自動化的方法來做到這一點?我搜查但沒有得到任何東西。

問候

+0

沒反應:-( – 2012-07-18 11:03:32

回答

10

如何隱藏所有的

$("#cboxTopLeft").hide(); 
$("#cboxTopRight").hide(); 
$("#cboxBottomLeft").hide(); 
$("#cboxBottomRight").hide(); 
$("#cboxMiddleLeft").hide(); 
$("#cboxMiddleRight").hide(); 
$("#cboxTopCenter").hide(); 
$("#cboxBottomCenter").hide(); 

或者只是想要無邊框的插件指定;接下來下面的CSS

.blue_border_example { 
    border: 10px solid blue; 
    border-radius: 10px; 
    margin: 10px; 
    box-shadow: 0 0 25px blue; 
} 

然後加入這個類添加到#cboxContent像:

$("#cboxContent").addClass("blue_border_example"); 
+0

感謝這篇文章,u能請告訴我,如何隱藏的背景colorbox,而過渡效果顯示?我的意思是,當我點擊一個按鈕,我成功地打開了我想要的內容的彩盒,也成功地隱藏了我的頁面的彩盒背景,現在我想要的不是顯示內容加載後顯示的colorbox背景(在過渡效果時間內)??請你讓我知道我該怎麼做在simi lar way above above hide functions .. – 2012-07-31 05:12:07

+1

'$(「#cboxOverlay」)。hide();'這是你的意思嗎? – darksky 2012-07-31 07:27:12

+0

是的,非常感謝你,我自己找到了...... :) – 2012-07-31 07:38:46