روش ساخت صفحه نمایش متن با افکت کرکره با استفاده از css3 و JavaScript
با کلیک بر روی گزینه ها ابتدا تفاوت های موجود را مشاهده نمایید
به ادامه مطلب مراجعه فرمائید
در حالت css با قرار گرفتن موس روی فضای کرکره متن مشخص می شود ولی در حالت CSS3 کرکره به سمت پایین حرکت می کند و در حالنت Javascript این اتفاق پس از کلیک نمودن بر روی حلقه زخ می دهد
تفاوت بین کدهای CSS و CSS3
css:
table #ctd2 {height:5px;
overflow:hidden;
color:#ffffff;}
table:hover #ctd2 {color:#000000;
height:120px;}
CSS3:
table #ctd2 {height:5px;
overflow:hidden;
color:#ffffff;
-moz-transition: all 3s ease-out;
-o-transition: all 3s ease-out;
-webkit-transition: all 3s ease-out;
transition: all 3s ease-out;}
table:hover #ctd2 {color:#000000;
height:120px;}
مرحله اول
ابتدا پوشه زیپ شده image را دانلود نموده (راست کلیک و save as) و محتویات آنرا پس از خارج نمودن از حالت زیپ بر روی یک هاست آپلود نمایید
مرحله دوم
کدهای زیر را عینا در بین تگهای <head> و </head> قرار دهید برای راحتی در
داخل کادر راست کلیک و سلکت آل نمایید
توجه در صورتی که احساس می کنید به کارایی کد جاوا اسکریپت نیازی ندارید آنرا از کد بالا حذف و در ازایش کد زیر را در قسمت Style اضافه نمایید:
مرحله سوم
کد زیر را در محل مناسب در بین تگ های <body> و </body> قرار دهید
کارت فوق العاده است
خیلی بدرد وبلاگم می خورد
بخطر گذاشتن این کد ها ازت ممنونم
مخلص
سلام از این میشه در وبلاگ هم استفاده کرد
لطفا بیا به وبلاگم و پاسخ بده
منتظرم
<marquee loop="infinite">متن مورد نظر خود را اینجا بنویسید</marquee>
بهترن وبی که تا حالا دیدم .....ممنون