رویداد div

mamad.noise

کاربر فعال انجمن فتوشاپ
سلام
من میخوام توی رویداد hover یک div طول div تغییر کنه و دانل ادامه اون یک نوشته بنویسم!
اون قسمتی که ط.لش تغییر میکنه رو خودم درست کردم:
[CSSS].logo{
position:absolute;
right:20px;
top:20px;
height:100px;
width:300px;
background:#F00;
text-align:right;
transition:width 2s;
-webkit-transition:width 2s; /* Safari */


}
.logo:hover
{
width:500px;
}[/CSSS]
البته کد های بالا تمامی مشخصات این کلاس هست!
ولی نمیدونم چجوری توی ادامش (بعد از 330پیکسل تا 500پیکسل) رو چیزی بنویسم!
پیشاپیش ممنون:rose:
 

SajadCG

کاربر فعال
واسه اینکه یه متن رو توی ادامه div نمایش بده باید
اون متن که در واقع یک تگ p هستش باید با یک delay نمایش بده
واسه همین فقط میشه با jquery این کار رو کرد.
سورسشو اینجا گذشتم:
Hover effect

شما میتونید با کم و زیاد کردن مقدار delay سرعت نمایش متن رو کم و زیاد کنید.
موفق باشید.
 

mamad.noise

کاربر فعال انجمن فتوشاپ
ممنون
بعد اگه بخوام یه عکس رو توی ادامه div بیارم باید چیکار کنم؟
و اینکه این کد جواب نداد!
درود، دوست عزیز به صورت زیر عمل کن :

CSS Code:

.class:hover: bofore{content:"your text"}
 
آخرین ویرایش:

جدیدترین ارسال ها

بالا