jquery alert bar

-- JQuery 2012. 7. 20. 19:14
,
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
나중에 경고바와 알림바로 사용하면 좋을 듯 하다.

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

'-- JQuery' 카테고리의 다른 글

JQuery effect method  (0) 2012.08.03
JQuery load, getJSON  (0) 2012.08.03
jquery progressbar  (0) 2012.07.20
jquery datepicker  (0) 2012.07.20
jquery slider  (0) 2012.07.20
posted by 어린왕자악꿍

티스토리툴바