• صفحه اصلی
        • آرشيو مطالب
        • عناوین مطالب
        • ابر برچسب ها
        • تماس با ما
        • پروفايل
        • RSS
        ساخت وب سایت و هاست دارکوب نیلوبلاگ
        خرید بک لینک

        درباره سایت

         ساخت وب سایت و هاست دارکوب  نیلوبلاگ

        تلفن تهران: 22083926 - 22085386 - 22082258 | آدرس: تهران، سعادت آباد، سرو غربی، کوچه آریا، پلاک 4، واحد 7 http://sitedesign.joomir.com http://sitedar.com

        آخرین مطالب

        • طراحي صفحات سايت با PHP یا ASP.NET کدام بهتر است؟
        • قابلیت های پلان و راه کار اولیه طراحی وب سایت
        • نکته های سئو در استفاده از شبکه اجتماعی لینکدین Linkedin
        • دامنه و دومین ( Domain ) چيست؟
        • استفاده و بهره برداری از نقشه جدید گوگل در وب سایت و سفارشی سازی آن
        • برای رفع کردن ویروس از وب سایت چه کارهای لازم است انجام دهیم؟
        • لیست و آدرس تعدادی از طرح های آماده شده طراحی سایت دارکوب برای مشتریان
        • طراحی و ساخت سایت داینامیک و مزایای آن نسبت به استاتیک
        • چگونه ترافیک بیشتری از مقالات موجود در وب سایت خود بدست آوریم
        • لیست وب هاستینگ های رایگان در داخل ایران

        امکانات وب

        طراحی آیتم های بیشتر برای لیست های بلند توسط کد jquery

         برای ایجاد لینک آیتم های بیشتر برای لیست های بلند می توانید از کد jquery زیر استفاده نمایید.

         <html>

        <head><title>Test</title></head>

        <body>

        <ul class="more">

          <li>one</li>

          <li>two</li>

          <li>three</li>

          <li>four</li>

          <li>five</li>

          <li>six</li>

          <li>seven</li>

          <li>eight</li>

          <li>nine</li>

          <li>ten</li>

        </ul>

        <script type="text/javascript" src="/jquery-1.3.1.js"></script>

        <script type="text/javascript">

        $(function() {

          $("ul.more").each(function() {

            $("li:gt(4)", this).hide(); /* :gt() is zero-indexed */

            $("li:nth-child(5)", this).after("<li class='more'><a href='#'>More...</a></li>"); /* :nth-child() is one-indexed */

          });

          $("li.more a").live("click", function() {

            var li = $(this).parents("li:first");

            li.parent().children().show();

            li.remove();

            retu false;

          });

        });

        </script>

        </script

        </body>

        </html>

         
         
        منبع:
        http://sitedesign.joomir.com/jquery-و-mootools-در-طراحی-سایت/item/675-طراحی-آیتم-های-بیشتر-برای-لیست-های-بلند-توسط-jquery.html

        برچسب: jquery,طراحی, نویسنده: طراحی سایت تاريخ: چهارشنبه 11 دی 1392 ساعت: 18:05

        صفحه بندی

        آرشیو مطالب

        • آذر 1393
        • آبان 1393
        • مهر 1393
        • شهريور 1393
        • مرداد 1393
        • تير 1393
        • خرداد 1393
        • ارديبهشت 1393
        • فروردين 1393
        • بهمن 1393
        • دی 1393
        • آذر 1392
        • آبان 1392
        • اسفند 1392
        • بهمن 1392
        • دی 1392

        پيوندهای روزانه

        • قیمت سرور مجازی
        • گروه حقوقی فرشاد قاسمی
        • دانلود آهنگ جدید
        • خرید طلا
        • آرشیو لینکها

        لینک دوستان

        • اجاره خودرو در تهران
        • تبادل لینک با ما
        • بیت کوین
        • هاست ایمیل
        • خرید بک لینک
        • ارز دیجیتال
        • دانلود آهنگ جدید

        خبرنامه