رفتن به مطلب

SM-Mahdavi

عضو افتخاری
  • تعداد ارسال‌ها

    3580
  • تاریخ عضویت

  • آخرین بازدید

  • روز های برد

    88

نوشته‌ها ارسال شده توسط SM-Mahdavi

  1. سلام دوستان

    این کد رو ببینید:


    <div class="pro">
    <div class="obj"><div class="text">عنوان پست</div></div>
    <div class="obj"><div class="text">عنوان پست</div></div>
    <div class="obj"><div class="text">عنوان پست</div></div>
    <div class="obj"><div class="text">عنوان پست</div></div>
    <div class="obj"><div class="text">عنوان پست</div></div>
    <div class="obj"><div class="text">عنوان پست</div></div>
    <div class="obj"><div class="text">عنوان پست</div></div>
    <div class="obj"><div class="text">عنوان پست</div></div>
    </div>

    من می خوام با جی کوئری رو mousemove کلاس obj یه تغییری تو کلاس text بدم. خب this که نمی تونم بنویسم برا تابع. اسم کلاس رو هم بنویسیم رو کل کلاس های صفحه اعمال می کنه. چجوری بنویسم که روی کلاس text اون obj که الان روش کلیک شده اعمال بشه؟

    با سپاس

    • امتیاز 1
  2. سلام

    داداش یه فایل برات پیوست کردم. این یه اسلایدر ساده هست. که هم دکمه داره و هم اتوماتیک اسکرول می کنه. منتها تو هر اسلاید یه عکس داره. با یه کمی تغییر تو اندازه هاش می تونی اون چیزی که می خوای ازش در بیاری.

    slideshow.zip

    • امتیاز 5
  3. سلام

    آقا من یه کد جی کوئری می خوام بنویسم که وقتی رو عکس کلیک کردم مخفی شه ! قبلا انجام می دادم کار می کرد الان نمی دونم مشکلش چیه کار نمیکنه !

    این کدهای فایل script.js


    $(Document).ready(Function(){
    $(".obj").click(Function(){
    $(this).hide();
    });
    });

    اینم کدهای فایل index.html


    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/script.js"></script>
    <title>Pasargad</title>
    </head>
    <body>
    <nav>
    <div id="logo"></div>
    <div id="menu">
    <ul>
    <li>صفحه اصلی</li>
    <li>درباره ما</li>
    <li>تماس با ما</li>
    <li>محصولات</li>
    </ul>

    </div>
    </nav>
    <hr>

    <section>
    <div id="slider"></div>
    <article><div id="art-header"><h1>آخرین محصولات</h1></div>

    <div class="pro">
    <div class="obj"></div>
    <div class="obj"></div>
    <div class="obj"></div>
    <div class="obj"></div>
    <div class="obj"></div>
    <div class="obj"></div>
    <div class="obj"></div>
    <div class="obj"></div>
    <div class="obj"></div>

    </div>

    </article>



    <aside>
    <div id="asi-header"><h1>آخرین اخبار</h1></div>

    <div id="cadr">

    <div class="post">
    <div class="news-th"></div>
    <div class="news-te"><a href="#"><h2>عنوان خبر در این قسمت</h2></a></div>
    </div>

    <div class="post">
    <div class="news-th"></div>
    <div class="news-te"><a href="#"><h2>عنوان خبر در این قسمت</h2></a></div>
    </div>

    <div class="post">
    <div class="news-th"></div>
    <div class="news-te"><a href="#"><h2>عنوان خبر در این قسمت</h2></a></div>
    </div>

    <div class="post">
    <div class="news-th"></div>
    <div class="news-te"><a href="#"><h2>عنوان خبر در این قسمت</h2></a></div>
    </div>

    <div class="post">
    <div class="news-th"></div>
    <div class="news-te"><a href="#"><h2>عنوان خبر در این قسمت</h2></a></div>
    </div>

    <div class="post">
    <div class="news-th"></div>
    <div class="news-te"><a href="#"><h2>عنوان خبر در این قسمت</h2></a></div>
    </div>

    <div class="post">
    <div class="news-th"></div>
    <div class="news-te"><a href="#"><h2>عنوان خبر در این قسمت</h2></a></div>
    </div>

    <div class="post">
    <div class="news-th"></div>
    <div class="news-te"><a href="#"><h2>عنوان خبر در این قسمت</h2></a></div>
    </div>

    <div class="post">
    <div class="news-th"></div>
    <div class="news-te"><a href="#"><h2>عنوان خبر در این قسمت</h2></a></div>
    </div>

    <div class="post">
    <div class="news-th"></div>
    <div class="news-te"><a href="#"><h2>عنوان خبر در این قسمت</h2></a></div>
    </div>


    </div>

    </aside>


    </section>

    <footer></footer>

    </body>
    </html>

    اساتید لطف کنن راهنمایی کنن.

    با سپاس

    • امتیاز 3
×
×
  • اضافه کردن...