zoukankan      html  css  js  c++  java
  • eazsy-ui 按钮样式

    .icon-blank<br/>
    .icon-add<br/>
    .icon-edit<br/>
    .icon-remove<br/>
    .icon-save<br/>
    .icon-cut<br/>
    .icon-ok<br/>
    .icon-no<br/>
    .icon-cancel<br/>
    .icon-reload<br/>
    .icon-search<br/>
    .icon-print<br/>
    .icon-help<br/>
    .icon-undo<br/>
    .icon-redo<br/>
    .icon-back<br/>
    .icon-sum<br/>
    .icon-tip<br/>
    .icon-mini-add<br/>
    .icon-mini-edit<br/>
    .icon-mini-refresh<br/>
    .icon-添加
    .icon编辑
    .icon-删除
    .icon保存
    .icon切
    .icon-OK
    .icon-没有
    .icon-取消
    .icon重载
    .icon搜索
    .icon打印
    。图标帮助
    .icon-撤消
    .icon-重做
    .icon回
    .icon森
    .icon尖
    .icon-迷你添加
    .icon迷你编辑
    .icon迷你刷新

    .icon-blank{
    background:url('icons/blank.gif') no-repeat center center;
    }
    .icon-add{
    background:url('icons/edit_add.png') no-repeat center center;
    }
    .icon-edit{
    background:url('icons/pencil.png') no-repeat center center;
    }
    .icon-remove{
    background:url('icons/edit_remove.png') no-repeat center center;
    }
    .icon-save{
    background:url('icons/filesave.png') no-repeat center center;
    }
    .icon-cut{
    background:url('icons/cut.png') no-repeat center center;
    }
    .icon-ok{
    background:url('icons/ok.png') no-repeat center center;
    }
    .icon-no{
    background:url('icons/no.png') no-repeat center center;
    }
    .icon-cancel{
    background:url('icons/cancel.png') no-repeat center center;
    }
    .icon-reload{
    background:url('icons/reload.png') no-repeat center center;
    }
    .icon-search{
    background:url('icons/search.png') no-repeat center center;
    }
    .icon-print{
    background:url('icons/print.png') no-repeat center center;
    }
    .icon-help{
    background:url('icons/help.png') no-repeat center center;
    }
    .icon-undo{
    background:url('icons/undo.png') no-repeat center center;
    }
    .icon-redo{
    background:url('icons/redo.png') no-repeat center center;
    }
    .icon-back{
    background:url('icons/back.png') no-repeat center center;
    }
    .icon-sum{
    background:url('icons/sum.png') no-repeat center center;
    }
    .icon-tip{
    background:url('icons/tip.png') no-repeat center center;
    }

    .icon-mini-add{
    background:url('icons/mini_add.png') no-repeat center center;
    }
    .icon-mini-edit{
    background:url('icons/mini_edit.png') no-repeat center center;
    }
    .icon-mini-refresh{
    background:url('icons/mini_refresh.png') no-repeat center center;
    }

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Basic EasyLoader - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css"
        href="http://www.java1234.com/jquery-easyui-1.3.3/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css"
        href="http://www.java1234.com/jquery-easyui-1.3.3/themes/icon.css">
    <link rel="stylesheet" type="text/css"
        href="http://www.java1234.com/jquery-easyui-1.3.3/demo/demo.css">
    <script type="text/javascript"
        src="http://www.java1234.com/jquery-easyui-1.3.3/jquery.min.js"></script>
    <script type="text/javascript"
        src="http://www.java1234.com/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
    <script type="text/javascript"
        src="http://www.java1234.com/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
    </head>
    <body>
            <div id="tb"><select><option>请选择</option><option>1</option></select></div>
            <input type="radio" title="语文" />
        <div id="dd">Dialog Content.</div>
    </body>
    <script type="text/javascript">
        $('#dd').dialog({
            title : 'title',
            width : 500,
            height : 500,
            collapsible : true,//可以向上收缩
            minimizable : false,//大写固定
            closed : false,
            cache : false,
            maximizable : true,//最大化,最小化
            resizable : true,//可以缩大
    //         toolbar : [ {
    //             text : 'add',
    //             iconCls : 'icon-edit',
    //             handler : show
    //         }, {
    //             text : 'remove',
    //             iconCls : 'icon-remove',
    //             handler : function() {
    //                 alert("remove")
    //             }
    //         } ],
            toolbar:"#tb",
            href : 'get_content.php',
            modal : true
        });
        $('#dd').dialog('refresh', 'new_content.php');
        function show() {
            $.post("", {}, function() {
                alert("ok")
            });
        }
    </script>
    </html>

    个人公众号:益起走

    hi

  • 相关阅读:
    #Laravel 笔记# 多语言化 App::setLocale() 持久化。
    thinkphp 3.2 发送邮件(Phpmailer)
    深度学习的注意力机制
    图像检索引擎vearch安装与测试使用
    word2vector
    GPU环境搭建
    ImportError: libSM.so.6: cannot open shared object file: No such file or dir
    shell中&&和||的用法
    Linux 远程连接sftp与ftp
    mysql-connector-java各版本及与mysql、JDK版本的对应
  • 原文地址:https://www.cnblogs.com/javaweb2/p/6284566.html
Copyright © 2011-2022 走看看