• اجرای رویداد hover یک المنت هنگام رویداد hover در المنت دیگر
    #1
    Note 
    سلام خدمت توسعه دهندگان عزیز
    دوستان من یه مشکل کوچیک در CSS پیدا کردم با استفاده از ابزار inspect element هم نمیتونم بهفمم چطوری لطفا کمک کنید
    لطفا این صفحه رو ببینید
    چگونه یک لپ‌تاپ دانشجویی بخریم؟ - وبلاگینا

    اگر ماوس رو روی قسمت "مشاهده تیتر مهم روزنامه های کشور در ۱ دقیقه!" ببرید میبینید که رنگش عوض میشه حتی اگر ماوس دقیقا رو همون المنت نباشه یعنی اگر تو کادرش باشه رنگ عوض میشه

    [تصویر:  201308261377506157a.png]
    لطفا اگر کسی میدونه چطوری میشه ساخت کمک کنه. فکت جالبیه Confusedmilingsmiley:

    چطور امضا کنم؟  Huh
    پاسخ
    #2
    Note 
    سلام
    CSS->
    [CSS]
    background: none repeat scroll 0% 0% rgb(239, 69, 52);
    color: rgb(255, 255, 255);
    text-shadow: 0px 1px 0px rgb(149, 4, 3);
    [/CSS]

    پاسخ
    #3
    Note 
    maJID maGIC نوشته است:سلام
    CSS->
    [CSS]
    background: none repeat scroll 0% 0% rgb(239, 69, 52);
    color: rgb(255, 255, 255);
    text-shadow: 0px 1px 0px rgb(149, 4, 3);
    [/CSS]

    داداش یه بار دیگه سوال منو بخون ببین جوابی که دادای میتونه پاسخ سوال من باشه یا نه؟
    این کدی که گذاشتی فقط واسه تغییر استایله ربطی به سوال نداره

    چطور امضا کنم؟  Huh
    پاسخ
    #4
    Note 
    THE KNIGHT@

    سلام
    همونطور که میدونی برای انتخاب المنت هایی که در یک المنت والد هستن اینطوری عمل میکنیم:
    [CSS]
    .Parent #child{
    ...
    }
    [/CSS]
    کد بالا درحالت عادی استایل رو مشخص میکنه
    حالا اگر بخوایم کاری کنیم که وقتی رو ی المنت والد اومدیم المنت فرزند استایلش عوض بشه رویداد hover رو به والد اضافه میکنیم اینطوری:
    [CSS]
    .Parent:hover #child{
    ...
    }
    [/CSS]

    یه مثال:

    [HTML]
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    body {background: #747474;}

    .SAbox {
    background: #F0F0F0;
    display: inline-block;
    padding: 5px;
    border: 2px solid #DDD;
    font: normal 12px tahoma;
    color: #424242;
    cursor: default;
    }
    #title {
    font-size: 20px;
    padding: 5px;
    }
    .SAbox:hover #title{
    background: #F00;
    color: #FFF;
    }
    .SAbox:hover p{
    color: #000;
    }

    </style>
    </head>
    <body>
    <div class="SAbox">
    <span id="title">SoftAfzar</span>
    <p>

    Softafzar! Developers home_ CSS Selector
    </p>
    </div>
    </body>
    </html>

    [/HTML]

    دمو

    موفق باشی :winksmiley02:

    پاسخ
    #5
    Note 
    اقا ممنون مثل همیشه Perfect Confusedmiles (51):

    چطور امضا کنم؟  Huh
    پاسخ
    ایجاد موضوع جدید   پاسخ به موضوع  

    موضوعات مرتبط با این موضوع...
    موضوع نویسنده پاسخ بازدید آخرین ارسال
    Note نمایش تصاویر در موبایل WWWorker 0 279 31-01-2014 ساعت 11:02
    آخرین ارسال: WWWorker

    کاربرانِ درحال بازدید از این موضوع:   1 مهمان