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

لمشاهده المثال اضغط هنا

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

[html] <script src="jquery.js" type="text/javascript"><!–mce:0–></script> <!– مكتبة الجيكويري–>
<script src="interface.js" type="text/javascript"><!–mce:1–></script><!– اضافة الدوك–>
<!–مكان ملف الستايل –>
[/html]

ثم ضع هذا الكود في وسم الbody

[html] <!–عدادت الدوك –>
<script type="text/javascript"><!–mce:2–></script>
[/html]

وأخيراُ كود صور الازرار

[html]

<!–bottom dock –>
<div>
<div>
<a href="#">
<img src="images/1.png" alt="" /></a>

<a href="#">
<img src="images/2.png" alt="" /></a>

<a href="#">
<img src="images/3.png" alt="" /></a>

<a href="#">
<img src="images/4.png" alt="" /></a>

<a href="#">
<img src="images/5.png" alt="" /></a></div>
</div>
[/html]

[note] لا تنسي رفع ملف الستايل
[/note]