Question

我有一个jquery模态的标准代码（灰色）。如何制作一个从灰色到示例蓝色的彩色工具箱？此脚本可用于许多对话框...例如＃dialog1 = blue和＃dialog2 = green 这是我的标准代码。

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

谢谢

Answer 1

使用jQuerys主题构建器（http://jqueryui.com/themeroller/）

你可以设计你的整个配色方案，然后从网站上保存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; }

着色jquery模态

1 个答案: