ویرایش »
<!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 style="direction:rtl"> <div id="two"> <ol> <li data-slide-name="slide-one"> <h2><span>اسلایدر اول</span></h2> <div> <h3>این اسلایدر اول است</h3> <p>از دیگر آموزش های سایت بیاموز دیدن فرمایید <br /> <a href="http://www.beyamooz.com/html">آموزش HTML</a> </p> </div> </li> <li data-slide-name="slide-two"> <h2><span>اسلایدر دوم</span></h2> <div> <h3>این سلایدر دوم است</h3> <p>از دیگر آموزش های سایت بیاموز دیدن فرمایید <br /> <a href="http://www.beyamooz.com/php">آموزش PHP</a> </p> </div> </li> <li data-slide-name="slide-three"> <h2><span>اسلایدر سوم</span></h2> <div> <h3>این اسلایدر سوم است</h3> <p>از دیگر آموزش های سایت بیاموز دیدن فرمایید <br /> <a href="http://www.beyamooz.com/css">آموزش CSS</a> </p> </div> </li> <li data-slide-name="slide-four"> <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> <p>روی یکی از لینک های زیر کلیک کنید تا اسلایدر مربوطه فعال سود: <a href="#slide-one">one</a> <a href="#slide-two">two</a> <a href="#slide-three">three</a> <a href="#slide-four">four</a> </p> <script> $(document).ready(function(){ $('#two').liteAccordion({ containerWidth : 500, theme : 'stitch', rounded : true, enumerateSlides : true, firstSlide : 2, linkable : true, easing: 'easeInOutQuart' }); }); </script> </body> </html>
×
Report a Problem:
Your E-mail:
Page address:
Description:
Submit
