نوار پیام jQuery

توسط تمپ‌ها

معرفی

نوار پیام jQuery یک افزونه قدرتمند و حرفه‌ای برای افزودن نوار پیام به صفحه‌های شماست.



استفاده

ارجاع دادن فایل‌های مربوطه به head صفحه شما مانند:

    <!-- Styles -->
    
    <link rel="stylesheet" href="css/dpMessageBar.css" />
    
    <!-- jQuery -->
    
    <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
    
    <!-- required plugins -->
    
    <script type="text/javascript" src="js/jquery.dpMessageBar.js"></script>
    
نصب


    $(document).ready(function(){
       $("#dpMessageBar").dpMessageBar();
    });
    

#dpMessageBar شناسه UL HTML برای استفاده از این افزونه است.


    <ul id="dpMessageBar">
        <li>پیام شما</li>
        <li>پیام شما</li>
        <li>پیام شما</li>
        <li>پیام شما</li>
    </ul>
    



گزینه‌ها



استفاده از پیوندها

شما می‌توانید به صورت معمولی از پیوندها در پیام استفاده کنید:


    <ul id="dpMessageBar">
        <li>پیام شما اینجا <a href="#">کلیک</a>< کنید/li>
        <li>پیام شما اینجا <a href="#">کلیک</a>< کنید/li>
        <li>پیام شما اینجا <a href="#">کلیک</a>< کنید/li>
        <li>پیام شما اینجا <a href="#">کلیک</a>< کنید/li>
    </ul>
    



تغییر رنگ