ویرایش »
<!DOCTYPE HTML> <html> <head> <!-- jQuery --> <script src="jquery.min.js"></script> <!-- Cycle js --> <script src="jquery.cycle.all.js"></script> <!-- easing --> <script src="liteAccordion-master/js/jquery.easing.1.3.js"></script> <style> .pics { height: 232px; width: 232px; padding: 0; margin: 0; } .pics img { padding: 15px; border: 1px solid #ccc; background-color: #eee; width: 200px; height: 200px; top: 0; left: 0 } #slider{ width: 300px; height: 180px; border: 1px solid #ddd; background-color: #eee; } #slider div { width: 270px; height: 150px; padding: 15px; color: #333; text-align: center; font-size: 16px; } #slider div img { float: right; margin: 0 10px 10px 0; width: 100px; height: 100px; padding: 3px; background: #fff } </style> </head> <body style="direction:rtl"> <div class="pics" id="slider"> <div> <img src="images_cycle/beach1.jpg" width="200" height="200" /> <p>برای کسب اطلاعات بیشتر در مورد جاوا اسکریبت به لینک زیر مراجعه فرمایید:</p></br> <a href="http://www.beyamooz.com/javascript">آموزش جاوا اسکریبت</a> </div> <div> <img src="images_cycle/beach2.jpg" width="200" height="200" /> <p>برای کسب اطلاعات بیشتر در مورد HTML به لینک زیر مراجعه فرمایید:</p></br> <a href="http://www.beyamooz.com/html">آموزش HTML</a> </div> <div> <img src="images_cycle/beach3.jpg" width="200" height="200" /> <p>برای کسب اطلاعات بیشتر در مورد CSS به لینک زیر مراجعه فرمایید:</p></br> <a href="http://www.beyamooz.com/css">آموزش CSS</a> </div> </div> <script> $(document).ready(function(){ $('#slider').cycle({ fx: 'scrollUp', timeout: 1000, delay: -2000 }); }); </script> </body> </html>
×
Report a Problem:
Your E-mail:
Page address:
Description:
Submit
