انجام عمل mouse Move

[water_lily_2012]

سلام
من چند تا لینک دارم که می خواهم با قرارگیری موس روی ان ها تگ div داخل ان با کلاس shadow نمایش داده شود.در حال عادی نمایش داده نمی شود.
لطفا راهنمایی کنید نحوه نوشتن CSS و JQuery ان را.


<a class="tile1 tile">
<div class="shadow"></div>
</a>
<a class="tile2 tile">
<div class="shadow"></div>
</a>
<a class="tile3 tile">
<div class="shadow"></div>
</a>
<a class="tile4 tile">
<div class="shadow"></div>
</a>
<a class="tile5 tile">
<div class="shadow"></div>
</a>


.shadow {
width:100%;
height:100%;
border:1px ridge white;
box-shadow:1px 1px 9px 3px pink;
visibility:hidden;
}
تشکر

[r4hgozar]

سلام دوست عزیز.
کدنویسیش اینطوری میشه. با css، جاوا هم نمیخواد
مثلا برای :

<a class="tile1 tile">
<div class="shadow"></div>
</a>

باید اینجوری بشه.
.tile1 tile:Hover {
width:100%;
height:100%;
border:1px ridge white;
box-shadow:1px 1px 9px 3px pink;
visibility:hidden;
}


وقتی موس رو اون دایو بره کلاس بالا فراخونی میشه.

موفق باشید

[r4hgozar]

راستی یادم رفت بگم.
برا اسم کلاس ها از فاصله استفاده نکن از خط تیره استفاده کن دوست عریز

[IamOverlord]

راستی یادم رفت بگم.
برا اسم کلاس ها از فاصله استفاده نکن از خط تیره استفاده کن دوست عریز

چرا؟ :متفکر:

[ateryad]

راستی یادم رفت بگم.
برا اسم کلاس ها از فاصله استفاده نکن از خط تیره استفاده کن دوست عریز

خوب شاید بخوان از دوتا کلاس استفاده کنند، اونوقت باید از فاصله استفاده کرد دوست عزیز.

[tamafi6]

دوستمون آقاي r4hgozar‏ درست ميگن چون وقتي حجم كدنويسي بالابره قطعااشتباه خواهدشدوكدهاتداخل پيداخواهندكرددرست اينه كه هراسم مشخصه به خصوصي داشته باشه اين روش كاملاغيراستانداردهست براي استفاده ازچندنام براي يك تگ ميشودازكلاسهاي ديگه اي استفاده نمودمانندكلاسهاي كاذب .

[r4hgozar]

خوب شاید بخوان از دوتا کلاس استفاده کنند، اونوقت باید از فاصله استفاده کرد دوست عزیز.

منظورم این نبود که اگه می خوای یک کلاس رو تو کلاس دیگه فراخونی کنی این کار رو نکن.
من گفتم بهتره برای نام گذاری فاصله نزارین. که دوستمون گفت برای چی

[r4hgozar]

توی css میشه بگیم وقتی موس از روی لینک برداشته شد(leave)شد، اون shadow هم بره ؟
یعنی رویدادی مخالف Hover داریم تو css?

خوب تو حالت عادی هم همینطوره دیگه!!! وقتی موس بره hover میشه وقتی هم برداشته بشه کلاس فراخونی نمی شه.

این لینک رو نگاه کن.
تمام خاصیت ها رئ گفته


لینک (http://www.w3schools.com/cssref/sel_hover.asp)

[water_lily_2012]

سلام
تشکر از شما دوستان
موضوع فاصله گروه بندی هست. مثلا من برای هر لینک a یه نام کلاس انتخاب کردم برای دسترسی به همان لینک و برای همه نیز یک نام به نام tile که برای دسترسی گروهی هست که مثلا در اینجا به کارم اومد.
اینطور نوشتم

.tile:hover .shadow {
width:100%;
height:100%;
border:1px ridge white;
box-shadow:1px 1px 9px 3px pink;
}