ویرایش »
<!DOCTYPE HTML> <html> <head> <!-- liteAccordion css --> <link href="liteAccordion-master/css/liteaccordion.css" rel="stylesheet" /> <!-- jQuery --> <script src="jquery.min.js"></script> <!-- easing --> <script src="liteAccordion-master/js/jquery.easing.1.3.js"></script> <!-- liteAccordion js --> <script src="liteAccordion-master/js/liteaccordion.jquery.js"></script> </head> <body> <div id="two"> <ol> <li> <h2><span>اسلایدر اول</span></h2> <div> <h3>این اسلایدر اول است</h3> <p>از دیگر آموزش های سایت بیاموز دیدن فرمایید <br /> <a href="http://www.beyamooz.com/html">آموزش HTML</a> </p> </div> </li> <li> <h2><span>اسلایدر دوم</span></h2> <div> <h3>این سلایدر دوم است</h3> <p>از دیگر آموزش های سایت بیاموز دیدن فرمایید <br /> <a href="http://www.beyamooz.com/php">آموزش PHP</a> </p> </div> </li> <li> <h2><span>اسلایدر سوم</span></h2> <div> <h3>این اسلایدر سوم است</h3> <p>از دیگر آموزش های سایت بیاموز دیدن فرمایید <br /> <a href="http://www.beyamooz.com/css">آموزش CSS</a> </p> </div> </li> <li> <h2><span>اسلایدر چهارم</span></h2> <div> <h3>این اسلایدر چهارم است</h3> <p>از دیگر آموزش های سایت بیاموز دیدن فرمایید <br /> <a href="http://www.beyamooz.com/javascript">آموزش JavaScript</a> </p> </div> </li> </ol> <noscript> <p>Please enable JavaScript to get the full experience.</p> </noscript> </div> <script> $(document).ready(function(){ $('#two').liteAccordion({ containerWidth : 600, theme : 'light', firstSlide : 3, easing: 'easeOutBounce', activateOn: 'mouseover'}); }); </script> </body> </html>
×
Report a Problem:
Your E-mail:
Page address:
Description:
Submit
