مشکل در منو

[یاسر]

دوستان من یه منو طراحی کردم که میخوام یه عکس کوچیک بالای سر منو قرار بگیره و با حرکت موس روی ایتمهای منو این عکس هم حرکت کنه و بالای سر ایتمی که کلیک میکنم عکس وایسه

خیلی روش کار کردم ولی فایده نداشت نمیدونم مشکل کارم چیه - کدی که نوشتم اینه ولی کار نمیکنه -- جالبه برای #menu تنها کار میکنه ولی همین که ایتم منو در ادامه کد میاد کار نمیکنه ممنون میشم راهنماییم کنین

کد

کد: (انتخاب همه)

<style>
        *{
            margin:0;
            padding:0;
        }

        .clear-fix{
            clear: both;
        }

        a{
            text-decoration: none;
        }

        #nav{
            background-color:#0592FA;
            height:35px;
            border-bottom-right-radius:10px;
            border-bottom-left-radius:10px;
            border-style: outset;
            border-color:#fff;
            width:990px;
            font-size:18px;
            font-family:'bhoma';
            margin-top:-5px;      
        }

        #nav ul{
            list-style: none;
            padding:0;
            margin:0;
            
        }

        #nav li{
            position: relative;
            
        }

        #nav > ul > li{
            float: right;
            border-left:2px solid #000;
                      
        }

        #nav > ul > li > a{
            display: inline-block;
            color: white;
            padding: 0px 10px;
            line-height: 35px;
    
        }

        #nav > ul > li a:hover > {
            background-color:darkred;
            color: white;
            text-decoration:overline;
            
        }
        
        /* styles for sub menu */
        #nav .sub-menu{
            display: none;
            position: absolute;        
        }

        #nav .sub-menu > li > a{
            display: block;
            width: 120px;
            background-color: darkred;
            color: white;
            padding:7px 10px;
            font-size:14px;
        }

        #nav .sub-menu > li:hover > a{
            background-color:#FC6;
            color:#000;
        }

        #nav li:hover > .sub-menu{
            display: block;
        }
        
        /* styles for sub-menu under sub-menu */
        #nav .sub-menu > li > .sub-menu{
            right: 140px;
            top: 0;
        }
         #nav > ul > li a:hover   #yas{

    animation: mani 1s linear;
    -moz-animation: mani 1s linear;
}
@keyframes mani{
    from{right:300px;}
    to{right:350px;}
}
@-moz-keyframes mani{
    from{right:300px;}
    to{right:350px;}

}

[یاسر]

خواهش میکنم تمنا میکنم التماس میکنم جواب بدین
من چهار ماهه دارم روش کار میکنم ولی جواب نمیگیرم

تو هرسایتی مطرح کردم کسی نتونسته کمک کنه

ممنون میشم دوستان یه لطفی بکنن نظر بدن بهم

[sajjad salehi]

کاش دمو گذاشته بودی تا بهتر منظورت رو متوجه بشیم . اما اگه منظورت اینه که عکس بالای منو با موس حرکت کنه :
خب از css نباید درست نیست انتظار افکتهای دینامیک رو داشت .
از اول به صورت طراحی شده که افکتهای دینامیک با کدهایی مثل جاوا اسکریپت انجام بشن .
تعدادی تگ در این مورد وجود داره مثل ترنسمیت وبکیت (انیمت رو بروزرهای خیلی کمی ساپورت میکنن ) ولی کلن استفاده ازشون درست نیست .
مورد دوم اینکه نمیشه توی css موقع اتفاق افتادن رویدادی برای یک عنصر خواص عنصر دیگه ای رو تغییر داد . شما میتونید مثلا تعریف کنید که بکگراند یه منو عوض بشه ولی نمیتونی بگ گراند منوی دیگه رو به شکل متحرک عوض کنی .
اگه از جاوا اسکریپت بخوای استفاده کنی یه پلاگین خوب جی کوئری اینجا هست که قبلا برای من جواب داده ..
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

[یاسر]

خدا به شما خیر بده که جوابمو دادی
مشکلم با همین دمو و دستوراتش حل شد

فقط الان عکس یا خط با لود شدن سایت، روی دومین ایتم منو میاد کدوم دستورش رو باید تغییر بدم که بیاد روی اولین ایتم؟؟؟؟؟

بازم تشکر بی دریغ ازشما دوست گرامی و عزیز

[YasinDesign]

کلیک کردن روی دکمه تشکر باعث ندادن اسپم در انجمن میشه (لطفا قوانین را رعایت کنید)

[sajjad salehi]

نقل قول: فقط الان عکس یا خط با لود شدن سایت، روی دومین ایتم منو میاد کدوم دستورش رو باید تغییر بدم که بیاد روی اولین ایتم؟؟؟؟؟

خب توضیحات کامل همونجا هست دو راه نوشته یکی این .

کد: (انتخاب همه)

<script>
gooeymenu.setup({id:'gooeymenu1', selectitem:0})
</script

>