| 1 التعليقات ]

إضافة jquery لعمل عداد تنازلى فى موقعك بشكل جميل

السلام عليكمهذة الإضافة مفيدة جدا فى عمل عداد تنازلى من تاريخ الان إلى تاريخ مستقبلى فيتم تحديد المدة المتبقية على هذا التاريخ المستقبلى وأستخداماتها كثيرة فمثلا عند أفتتاح موقع يمكن إضافتها للتوضيح للزائر ما تبقى من الوقت للإفتتاح الموقع أو يمكن إضافتها أيضا فى قرب شهر رمضان فيتم إضافتها فى الموقع للتوضيح على ما تبقى من الوقت لدخول شهر رمضان وهكذا
وغير ذلك أن شكلها جميل

تحميل الإضافة :-
أضغط هنا للتحميل

[صورة مرفقة: countdown.jpg]

طريقة التركيب :-

كود الـ HTML
PHP كود :
<div id="countdown_dashboard">
<
div class="dash weeks_dash">
<
span class="dash_title">الاسابيع</span>
<
div class="digit">0</div>
<
div class="digit">0</div>
</
div>

<
div class="dash days_dash">
<
span class="dash_title">الايام</span>
<
div class="digit">0</div>
<
div class="digit">0</div>
</
div>

<
div class="dash hours_dash">
<
span class="dash_title">الساعات</span>
<
div class="digit">0</div>
<
div class="digit">0</div>
</
div>

<
div class="dash minutes_dash">
<
span class="dash_title">الدقائق</span>
<
div class="digit">0</div>
<
div class="digit">0</div>
</
div>

<
div class="dash seconds_dash">
<
span class="dash_title">الثوانى</span>
<
div class="digit">0</div>
<
div class="digit">0</div>
</
div>

</
div


كود الـ Javascript
PHP كود :
<script type="text/javascript">jQuery(document).ready(function() {
$(
'#countdown_dashboard').countDown({targetDate: {'day':10,'month':1,'year':2011,'hour':11,'min':0,'sec':0}
});
});
</script> 

فى الكود السابق سوف نكتب التاريخ الذى نريد أن يذهب إلية وكل خانة بجانبها رقم الوقت الذى تريدة

1 التعليقات

أسيرالغربة يقول... @ 14 ديسمبر 2011 في 9:10 م

ممكن طريقة التركيب بالتفصيل الممل أخي الغالي

وهل يمكن وضعها على شكل موضوع لا على شكل اضافة

إرسال تعليق