Farhad 276 ارسال شده در مهر 91 گزارش بازنشر ارسال شده در مهر 91 سلاممن توي ي سري قسمت ها از استايل transition استفاده كردم ولي يكي در ميون كار ميده !؟؟نمونه كه جواب ميده :.banner img { margin: 10px 0 0 10px; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}.banner img:hover { opacity: 0.3; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}و 2 نمونه اي كه جواب نميده :.adress{ height: 30px; width: 600px; background: #d9e1ea; border-left: 1px #aaaaaa dashed ; border-right: 1px #aaaaaa dashed ; border-bottom: 1px #aaaaaa dashed ; margin: 0px auto -15px auto ; border-bottom-left-radius:5px; border-bottom-right-radius:5px; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}.adress :hover { background-color: #e7e9ea; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}و.bbody{ background-image: url('index_logo.png'); background-position: -210px -210px ; background: #ededed; background-repeat: no-repeat ; height: 260px; width: 640px; direction: rtl ; margin: 10px 5px 5px 5px; border-radius:5px; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}.bbody:hover { background-image: url('index_logo.png'); background-position: 10px 20px ; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}خيلي برام جالبه كه جواب نميده نقل قول لینک به ارسال
سعید حسینی 2409 ارسال شده در مهر 91 گزارش بازنشر ارسال شده در مهر 91 (ویرایش شده) سلاماگر سایتتون آنلاینه آدرس بدید استایلشو ببینم.شاید تداخل استایل ها دلیل اجرا نشدنش باشه. ویرایش شده مهر 91 توسط سعید 1 نقل قول لینک به ارسال
Farhad 276 ارسال شده در مهر 91 مالک گزارش بازنشر ارسال شده در مهر 91 روي لوكاله ! متاسفانه آنلاين نيست/. نقل قول لینک به ارسال
Morteza 34190 ارسال شده در مهر 91 گزارش بازنشر ارسال شده در مهر 91 از روی این کدها که نمیشه تشخیص داد.حداقل بصورت html باید اینجا پیوست کنید. 1 نقل قول لینک به ارسال
shayan 116 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 سلاممیخواستم یه تاپیک جدید بزنم دیدم چیز خاصی نیست که به عنوان یک تاپیک باشهمن از این کد ها استفاده کردم که وقتی موس میره روش یه اتفاقاتی میوفته ولی وقتی موس از روش برداشته میشه یهو مپرهمیخوام به همون حالت و سرعت به پایان برسهباید چیکار کنم؟کد ها:-moz-transition:0.7s;/*Moz*/-webkit-transition:0.7s;/*Webkit*/-ms-transition:0.7s;/*Ms*/-o-transition:0.7s;/*O*/ نقل قول لینک به ارسال
Morteza 34190 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 این کد که چیزی رو مشخص نمیکنهباید بقیه بخشهای مرتبطش رو هم قرار بدید 1 نقل قول لینک به ارسال
shayan 116 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 (ویرایش شده) یه موضوع دیگه:ببینید من وقتی با مرورگر فایر فاکس وارد سایتم میشم این translition هاخیلی روان حرکت میکننولی وقتی با مرورگر کروم وارد میشم حرکتشون گیر داره !!!!تو اکسپلور که اصلا کار نمیکنهاین کد های مربوط به این قسمته:text-decoration:none;color:#f18800;-moz-transition: all .5s linear ;-o-transition:all .5s linear ;-webkit-transition: all .5s linear;transition: all .5s linear ;ادرس سایتم:http://pedarpesar.ir ویرایش شده شهریور 92 توسط shayan نقل قول لینک به ارسال
sajjadnajafi 568 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 یه موضوع دیگه:ببینید من وقتی با مرورگر فایر فاکس وارد سایتم میشم این translition هاخیلی روان حرکت میکننولی وقتی با مرورگر کروم وارد میشم حرکتشون گیر داره !!!!تو اکسپلور که اصلا کار نمیکنهاین کد های مربوط به این قسمته:text-decoration:none;color:#f18800;-moz-transition: all .5s linear ;-o-transition:all .5s linear ;-webkit-transition: all .5s linear;transition: all .5s linear ;ادرس سایتم:http://pedarpesar.irمن با کروم 29 و اپرا 15 باز کردم زیادم گیر نداشت، شما سرعتشو در کروم و اپرا بیشتر کنید ببینید بهتر نمیشه؟(راستی موس نمیپرید! با همون حالت میومد و با همون حالت بر میگشت!)در مورد اکسپلورر هم که خیالتون راحت! این مشکل رو همه طراحا با این مرورگر دارن! شاید دوستان حرفه ای بتونن کدی بهتون بدن که در این مرورگر کار کنه.. 2 نقل قول لینک به ارسال
shayan 116 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 سجاد جان ممنون از لطفت دوستان دیگه کسی راهی واسه اجرای این پروژه روی اکسپلور دارند؟؟ 1 نقل قول لینک به ارسال
Mohammad 1620 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 سجاد جان ممنون از لطفت دوستان دیگه کسی راهی واسه اجرای این پروژه روی اکسپلور دارند؟؟این افکت فقط برروی اکسپلور ۱۰ اجرا میشه، ولی میتونید با توجه به عملکردی که میخواین از جیکوئری استفاده کنید. 2 نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 این پروژه نیست برای اکسپلور فعلا نمی شه روی css حساب کرد و راهش استفاده از تابع animate() در جی کوئریه <script>// Using multiple unit types within one animation.$( "#go" ).click(function() { $( "#block" ).animate({ width: "70%", opacity: 0.4, marginLeft: "0.6in", fontSize: "3em", borderWidth: "10px" }, 1500 );});</script> 2 نقل قول لینک به ارسال
shayan 116 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 (ویرایش شده) این افکت فقط برروی اکسپلور ۱۰ اجرا میشه، ولی میتونید با توجه به عملکردی که میخواین از جیکوئری استفاده کنید.شما هم با اپرا و کروم تست کنید و راه حل بگید ممنوناگه این كار زیاد مشكل نیست راه حلش رو بفرماییدممنوناین پروژه نیستبرای اکسپلور فعلا نمی شه روی css حساب کرد و راهش استفاده از تابع animate() در جی کوئریه<script>// Using multiple unit types within one animation.$( "#go" ).click(function() {$( "#block" ).animate({width: "70%",opacity: 0.4,marginLeft: "0.6in",fontSize: "3em",borderWidth: "10px"}, 1500 );});</script>اینو دقیقا باید كجا ازش استفاده كنم؟؟ ویرایش شده شهریور 92 توسط shayan نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 این کد نمونه است شما نباید ازش استفاده کنید شما باید jquery را از بخش مربوطه در این سایت بیاموزید و من فقط تابع به درد خورش را معرفی کردم باقیش را با آموزش های این سایت می توانید دنبال کنید 1600 در واقع میلیونیم ثانیه سرعت عکس العمله و width: "70%",opacity: 0.4,marginLeft: "0.6in",fontSize: "3em",borderWidth: "10px"مشخصات css که می خواهید عوض بشند در جی کوئری می تونید اینکمار را با اشاره یا کلیک بر عنصری دیگر انجام دهید و اگر نخواستید هم کد برای hover می شود $( "#go" ).hover(function() {$( this ).animate({همینطور می شه از mouseover و mouseout استفاده کردبرای حل مشکلتون در کروم و اپرا در نظر داشته باشید زمانی را که به حرکت می دهید با مقدار حرکت تناسب ریاضی صحیح داشته باشد یعنی اگر فرضا 300px عنصری را حرکت می دهید سرعت حرکتش را .3s تعریف کنید 3 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .