متن متحرک درست کار نمی کنه!!!

[rostamiani]

سلام

من یک marquee با CSS ساختم. ولی درست متن رو نشون نمیده!
قبل از اینکه همه تگ p نشون داده بشه انیمیشن دوباره شروع میشه.

اینم کدمه:
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

مشکل چیه؟
متشکرم

[kian98]

سلام

باید درصد اولیه صفر رو بیش از -100 بزنید تا متن یه دفعه از وسط انیمیشنش سروع نشه من براتون رو 300 تنظیم کردم ... البته اینم بگم با تگ marquee خیلی راخت تر میشه کار کرد و همه مروگر ها هم پشتیبانیش میکنن برای کم و زیاد کردن سرعت انمیشن هم عدد جلوی خاصیت animation رو کم و زیاد کنید :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[rostamiani]

متشکرم
ولی مشکل اینه که متن ثابت نیست و ممکنه عوض بیشه. نمی دونم شروع انیمیشن رو چه مقداری بدم..‍.

این % بر اساس اندازه عرض صفحه هست یا تگ div ؟

[kian98]

سلام

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

[rostamiani]

سلام

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

اینجوری که میگید با CSS نمیشه.
فکر کنم باید با JQuery مقدارشو پیدا کنم و بذارم!

متشکرم

[kian98]

سلام

بله البته با تگ marquee خیلی راحت میشه اینکار رو کرد ، حتی برای این تگ در خود جاوااسکریپت توابعی مثل stop() و start() هم هست ...
با جی کوئری هم میشه با تابع animate راحت متن متحرک ساخت ...

[rostamiani]

سلام

بله البته با تگ marquee خیلی راحت میشه اینکار رو کرد ، حتی برای این تگ در خود جاوااسکریپت توابعی مثل stop() و start() هم هست ...
با جی کوئری هم میشه با تابع animate راحت متن متحرک ساخت ...

اول با تگ marquee این کار رو کرده بودم. مشکل این بود که وقتی سرعت رو کم می کردم توی firefox پرش داشت. اگه این مورد حل بشه که دیگه مشکلی ندارم :-)
مثلا این مثال رو با firefox ببینید:

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

شما چه راهی پیشنهادی می کنید ؟

متشکرم

[kian98]

سلام

این مشکل پرش رو کلا فایرفاکس داره ...
در کل راهی نیست ، البته پرشش زیاد نیست میتونید با کم کردن خاصیت scrolldelay به عدد 1 این پرش رو به حداقل برسونید ...
مثل کد زیر :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید