2012-07-18 191 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