پیام خبری در سایت

توضیحات

یک پیام رسان حرفه ای که در بالای سایت شما نوار اخبار اضافه می کند.

استفاده

نگران نباشید، فایل های مربوطه مرجع در سر صفحه خود را مانند:

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

Initialitation

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

#dpMessageBar is the ID of the UL HTML Object that will use this plugin.

    <ul id="dpMessageBar">
        <li>Message 1...</li>
        <li>Message 2...</li>
        <li>Message 3...</li>
        <li>Message 4...</li>
    </ul>
    

گزینه ها

• حلقه

  Signature:  $("#dpMessageBar ").dpMessageBar ({loop: true })
  آیا حلقه ها تنظیم و یا فعال است.
  مقدار پیش فرض درست است

  ---

• autoload
Signature:  $("#dpMessageBar ").dpMessageBar ({autoload: true })
Set if showing the message bar when the page loads.
Default value is true

---

• speedAnimation
Signature:  $("#dpMessageBar ").dpMessageBar ({speedAnimation: 500 })
Set the speed animation in miliseconds (300, 500, 1000, 2000, etc) or "slow" and "fast".
Default value is "slow"

---

• delay
Signature:  $("#dpMessageBar ").dpMessageBar ({delay: 1000 })
Set the delay in miliseconds (300, 500, 1000, 2000, 5000, etc).
Default value is 3000

---

• theme
Signature:  $("#dpMessageBar ").dpMessageBar ({theme: "navy" })
Set the color theme. Possible values are: Cream, Navy, Green, Red, Chocolate
Default value is "cream"

---

• showArrows
Signature:  $("#dpMessageBar ").dpMessageBar ({showArrows: false })
Set if showing the arrows or not.
Default value is "true"

---

• position
Signature:  $("#dpMessageBar ").dpMessageBar ({position: "top" })
Set the position of the bar. Possible values are: top, fixed
Default value is "fixed"

---

استفاده از لینک

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

    <ul id="dpMessageBar">
        <li>Message 1... click <a href="#">here</a></li>
        <li>Message 2... click <a href="#">here</a></li>
        <li>Message 3... click <a href="#">here</a></li>
        <li>Message 4... click <a href="#">here</a></li>
    </ul>
    

رنگهای متفاوت

• Cream کرم
• Navy نیروی دریایی
• Green سبز
• Red قرمز
• Chocolate شکلاتی