2012-04-18 36 views
0

我有一个jQuery模态(灰色)的标准代码。 如何使灰色的彩色工具箱变为蓝色的例子? 这个脚本可以用于很多对话...例如#dialog1 = blue和#dialog2 = green 这是我的标准代码。着色jquery模态

<script> 
// increase the default animation speed to exaggerate the effect 
$.fx.speeds._default = 1000; 
$(function() { 
    $("#dialog1").dialog({ 
     autoOpen: false, 
     show: "blind", 
     hide: "explode" 
    }); 

    $("#opener1").click(function() { 
     $("#dialog1").dialog("open"); 
     return false; 
    }); 
}); 
</script> 

谢谢

回答

0

使用jQuerys主题生成器()

你可以设计你的整个配色方案,然后从网站上保存的CSS,这将颜色的所有jQuery UI的,而不是只是对话。

干杯。

- 更新 -

一旦你设计你想要你的对话框的样子,打开css文件,并复制以下行的内容:

你需要为每一个创建自定义的类名,然后在创建它时从对话框中删除默认类,然后将新类添加到它。

.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } 
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } 
+0

貌似OP想要两次对话是在两种不同的颜色>。< – 2012-04-18 20:36:50

+0

啊,看来你是正确的..我会更新我的答案.. – 2012-04-18 20:37:37

+0

我已经下载完整的jQuery(包括主题)之前使用默认版本。在我的排队。如何制作不同的主题或颜色框。例如对话框1 =黄色或阳光主题和对话框2 =灰色或默认主题 谢谢 – Ayu 2012-04-18 22:29:21