PDA

View Full Version : یک عملیات در زمان hover شدن css


_mojitaba_
سه شنبه 27 خرداد 1393, 11:35 صبح
دوستان ما توی جاوا اسکریپت مینویسیم که اگر روی شیء خاصی اتفاقی افتاد مثلا کلیک شد یا هر اتفاقی یک سری دستورات اجرا بشه توی css میشه چنین کاری کرد؟ مثلا یک لینک هست وقتی کاربر hover شد یک عکس که هیچ ربطی هم به اون لینک نداره (یعنی فرزند یا پرنت اون لینک نیست) نمایش داده بشه یا مخفی بشه display:none بشه
دانیال دزفولی
سه شنبه 27 خرداد 1393, 12:58 عصر
میشه واضح تر بگی ؟
یکم گیج شدم
Mori Bone
سه شنبه 27 خرداد 1393, 13:50 عصر
لطفا بدون جستجو تاپیک ایجاد نکنید. خواهشا
درباره css selectors تحقیق کن
_mojitaba_
سه شنبه 27 خرداد 1393, 16:23 عصر
لطفا بدون جستجو تاپیک ایجاد نکنید. خواهشا
درباره css selectors تحقیق کن

من تحقیق کردم و به نتیجه نرسیدم برا همین این تاپیک رو ایجاد کردم
من چیزی که دارم مثل منو نیست که یک زیر مجموعه داشته باشه عناصر صفحه من جدا هستن
مثلا شما در نظر بگیر یک جا نوشته تصویر 1 و 2 خب و 2 تا تصویر هم وجود داره که قراره با انیمیشن بصورت محو شونده ایجاد و ناپدید بشن
تقریبا یه همچین کدی


<div><img src="1"></div>
<div><img src="2"></div>
<a href="#" id="1">pic1</a><a href="#" id="2">pic2</a>
دانیال دزفولی
سه شنبه 27 خرداد 1393, 17:37 عصر
توی css ما کلیک نداریم ولی توی هاور میشه از برداران اون تگ استفاده کرد

http://jsfiddle.net/nDw3K/1/
_mojitaba_
سه شنبه 27 خرداد 1393, 17:48 عصر
من میخوام وقتی روی <a> رفتم عکس محو یا نمایش داده بشه شما یچیز دیگه دادید!
دانیال دزفولی
سه شنبه 27 خرداد 1393, 18:18 عصر
خوب میتونید تغییرش بدید

http://jsfiddle.net/P27S2/2/
_mojitaba_
سه شنبه 27 خرداد 1393, 18:24 عصر
خوب میتونید تغییرش بدید

http://jsfiddle.net/P27S2/2/

دقت کنید تگ a بعد از div هستش
در ضمن باید با انیمیشن محو بشه
tamafi6
سه شنبه 27 خرداد 1393, 21:49 عصر
css3-چیزی-فراترازیک-زبان
http://barnamenevis.org/showthread.php?444064-css3-%DA%86%DB%8C%D8%B2%DB%8C-%D9%81%D8%B1%D8%A7%D8%AA%D8%B1 (http://barnamenevis.org/showthread.php?444064-css3-%DA%86%DB%8C%D8%B2%DB%8C-%D9%81%D8%B1%D8%A7%D8%AA%D8%B1)

css3-چیزی-فراترازیک-زبان
http://barnamenevis.org/showthread.php?455114-css3-%DA%86%DB%8C%D8%B2%DB%8C-%D9%81%D8%B1%D8%A7%D8%AA%D8%B1%D8%A7%D8%B2%DB%8C%D A%A9-%D8%B2%D8%A8%D8%A7%D9%86-(%DA%A9%D8%A7%D9%85%D9%84%D8%A7-%D8%AD%D8%B1%D9%81%D9%87-%D8%A7%DB%8C)

امکانات خارق العاده css3http://barnamenevis.org/showthread.php?428520-%D8%A7%D9%85%DA%A9%D8%A7%D9%86%D8%A7%D8%AA-%D8%AE%D8%A7%D8%B1%D9%82-%D8%A7%D9%84%D8%B9%D8%A7%D8%AF%D9%87-css3
_mojitaba_
چهارشنبه 28 خرداد 1393, 13:37 عصر
از جی کوئری استفاده میکنم مثکه تو css نمیشه