jquery alert bar -- JQuery



나중에 경고바와 알림바로 사용하면 좋을 듯 하다.

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    
    <!-- css -->
    <link href="/css/default.css" type="text/css" rel="stylesheet" />
    <link type="text/css" href="jquery/css/ui-lightness/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
    <!--/css -->
   
    <!-- jquery -->
    <script type="text/javascript" src="jquery/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="jquery/js/jquery-ui-1.8.21.custom.min.js"></script>
    <!--/jquery -->
</head>
<body>
    <!-- Highlight / Error -->
    <div class="ui-widget">
        <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
            <p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
            <strong>Notice : </strong> Helloworld</p>
        </div>
    </div>
    <br/>
    <div class="ui-widget">
        <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
            <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
            <strong>Alert : </strong> Helloworld</p>
        </div>
    </div>

</body>
</html>

덧글

댓글 입력 영역