着色jquery模式

着色jquery模式,jquery,html,Jquery,Html,我有一个灰色jquery模式的标准代码。 如何制作从灰色到蓝色的彩色工具箱? 这个脚本可以用于许多对话框。。。例如dialog1=蓝色,dialog2=绿色 这是我的标准代码 <script> // increase the default animation speed to exaggerate the effect $.fx.speeds._default = 1000; $(function() { $( "#dialog1" ).dialog({ a

我有一个灰色jquery模式的标准代码。 如何制作从灰色到蓝色的彩色工具箱? 这个脚本可以用于许多对话框。。。例如dialog1=蓝色,dialog2=绿色 这是我的标准代码

<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>

感谢您使用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; }

看起来OP想要两个不同颜色的对话>。我已经在默认版本中下载了完整的jquery包含主题。在我的提问中。如何制作不同的主题或颜色框。例如,对话框1=黄色或阳光主题,对话框2=灰色或默认主题谢谢