نیازمند کد پیمایش روی یک المان

[Farzad 3805]

باسلام و وقت بخیر،

غرض از مزاحمت،

نیاز به کدی دارم برای <li> های داخل قالب . یک سری از این li ها متن طولانی دارن که میخوام وقتی ماوس روی این المان ها میره،

نوشته حرکت کنه به سمت راست تا انتهای اون مشخص بشه و قابل خواندن باشه. بعدش برگرده به سمت چپ دوباره .

مثل این عکسی که پیوست کردم.

پیشاپیش ممنون.

[SM-Mahdavi 5428]

سلام

li {
height:30px;
transition: 0.2s ease-in-out;
}
li : hover {
height:auto;
transition: 0.2s ease-in-out;
}

[Farzad 3805]

ظاهراً کد مشکل داره . height ها رو به width تغییر دادم ولی چیزی که میخواستم نیست.

اگر دوستان کد js بدن بهتره چون transition روی همه مرورگر ها به این شکل ساپورت نمیشه.

[imanfakhar 26231]

اگر منظورتون حرکت در یک خط افقی است :

http://jsfiddle.net/B3vYG/

[imanfakhar 26231]

جی کوئری همان کد

http://jsfiddle.net/B3vYG/1/