ارسالها: 2,559
موضوعها: 86
تاریخ عضویت: شهر 1392
اعتبار:
132
سپاس ها 827
سپاس شده 1973 بار در 1138 ارسال
93-6-15، 11:32 عصر
(آخرین ویرایش در این ارسال: 93-6-15، 11:35 عصر، توسط Mansouri.)
اگه فرگوسن ( مدیر یونایتد فنز ) دم دستت باشه چی کارش میکنی ؟
حالا یه سوال !
ما میخوایم یه یک پروژه سه تا هاور بدیم !
مثلا بار اول به رنگ قرمز بار دوم سفید و بار سوم بنفش شه . آیا همچین امری ممکنه ؟
و اینکه امکان داره پس اجرای هاور هاور روش شکل بمونه ؟ مثلا پس از کلیک بر روی دکمه دیگه دکمه opacity مثلا 0.6 بگیره و اون حالت با بارگذاری مجدد صفحه تغییر نکنه ؟
من تو درک اجزای این صفحه شدیدا مشکل دارم !
میتونی برام معنیش کنی ؟
http://www.beyamooz.com/try_it_yourself/..._keyframes
ارسالها: 967
موضوعها: 77
تاریخ عضویت: دي 1391
اعتبار:
71
سپاس ها 476
سپاس شده 760 بار در 478 ارسال
از اینکه رکورد mmsh رو زدی چه حسی داری؟
.
ارسالها: 1,532
موضوعها: 50
تاریخ عضویت: مرد 1391
اعتبار:
207
سپاس ها 2455
سپاس شده 1445 بار در 812 ارسال
(93-6-15، 11:32 عصر)عرشیامنصوری نوشته است: اگه فرگوسن ( مدیر یونایتد فنز ) دم دستت باشه چی کارش میکنی ؟ مشتریه. چیزی بهش نمیگم. این سیناهه بدتره که
حالا یه سوال !
ما میخوایم یه یک پروژه سه تا هاور بدیم !
مثلا بار اول به رنگ قرمز بار دوم سفید و بار سوم بنفش شه . آیا همچین امری ممکنه ؟ با سی اس اس نمیشه ولی با جی کوئری میشه..
و اینکه امکان داره پس اجرای هاور هاور روش شکل بمونه ؟ مثلا پس از کلیک بر روی دکمه دیگه دکمه opacity مثلا 0.6 بگیره و اون حالت با بارگذاری مجدد صفحه تغییر نکنه ؟راه به صرفه اینه که توی کوکی های مرورگر کاربر ذخیره کنی..
من تو درک اجزای این صفحه شدیدا مشکل دارم !
میتونی برام معنیش کنی ؟
http://www.beyamooz.com/try_it_yourself/..._keyframes
این صفحه از انیمیشن های سی اس اس استفاده کرده. به کمک انیمیشن های سی اس اس میشه تغییراتی توی کد های سی اس اس داد. خوبی این امکان اینه که هم به صورت پیشفرض شروع میشه . هم قابلیت تکرار داره.
این قسمت کد رو ببین:
کد:
@keyframes mymove
{
from {top:0px;}
to {top:200px;}
}
با استفاده از @keyframes یک انیمیشن تعریف میکنیم و اسم اون رو جلوش مینویسیم.با استفاده از from میگیم که اول از همه این کار ها رو انجام بده ینی مثلا top این div رو صفر کن. بعد با to میگیم که در اخر انیمیشن تاپ این دیو باید 200 باشه.
ینی در طول این انیمیشن تاپ از صفر باید به 200 تبدیل بشه.
بعد برای اینکه بگیم کدوم کلاس یا ای دی انیمشن داشته باشن از این استفاده میکنیم:
کد:
animation:mymove 5s infinite;
صفت انیمیشن که میگه ما انیمیشن استفاده میکنیم
مقادیرش هم توی این مثال اولیش اسم انیمیشنی هست که بالا تعریف کردیم. بعد مدت زمان اجرای انیمیشن که 5 ثانیه هست. infinite هم یعنی به تعداد بینهایت بار این کار رو تکرار کن. مثلا اگه بزاریم 5 بعد از 5 بار انجام این کار - یعنی 5 بار تاپ از 0 به 200 تغییر پیدا کرد - دیگه ثابت میمونه...
کدنویسی رایگان کدهای پیشرفته جاوا اسکریپت :: پ.خ
ارسالها: 2,559
موضوعها: 86
تاریخ عضویت: شهر 1392
اعتبار:
132
سپاس ها 827
سپاس شده 1973 بار در 1138 ارسال
خب 5 روز وقت دارم تا ثابت کنم سی اس اس 100 درصد نیستی .
از آسون ترین سوال شروع میکنم .
اجزای این کد رو تعریف کن
کد:
.caption {
text-align: center;
padding-top: 7%;
}
#middle {
position: absolute;
top: 25%;
left: 25%;
right: 25%;
bottom: 25%;
border-radius: 50%;
overflow: hidden;
}
#box {
width: 100%; height: 100%;
background-color: #cde;
}
سوال بعدی یکم بالا تره ( 2/10 )
این بار جاوااسکریپت
اینا رو توضیح بده و کاربردشو بگو
کد:
var COUNT = 10;
var SPEED = 5;
var COLOR = '#fff';
var canvas = document.getElementById('world');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
var ctx = canvas.getContext('2d');
ctx.lineWidth = 1;
ctx.strokeStyle = COLOR;
ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
function each(col, func, thisValue) {
for (var i = 0; i < col.length; i++) {
func.bind(thisValue || col[i])(col[i]);
}
}
function Point(x, y) {
this.x = x;
this.y = y;
this.vx = Math.random() * SPEED;
this.vy = Math.random() * SPEED;
}
Point.prototype.move = function() {
this.x += this.vx;
this.y += this.vy;
}
function drawPath(pointArray) {
ctx.beginPath();
ctx.moveTo(pointArray[0].x, pointArray[0].y);
each(pointArray, function() {
ctx.lineTo(this.x, this.y);
});
ctx.lineTo(pointArray[0].x, pointArray[0].y);
ctx.stroke();
ctx.closePath();
}
function movePoints(pointArray) {
each(pointArray, function() {
this.move();
});
}
function Boundary(x1, y1, x2, y2) {
this.x1 = x1,
this.y1 = y1,
this.x2 = x2,
this.y2 = y2
}
Boundary.prototype.constrainPoints = function(pointArray) {
each(pointArray, function(point) {
if (point.x < this.x1) {
point.x = this.x1;
point.vx *= -1;
} else if (point.x > this.x2) {
point.x = this.x2;
point.vx *= -1;
}
if (point.y < this.y1) {
point.y = this.y1;
point.vy *= -1;
} else if (point.y > this.y2) {
point.y = this.y2;
point.vy *= -1;
}
}, this);
}
function Polygon(points) {
this.points = points;
}
Polygon.prototype.draw = function() {
drawPath(this.points);
}
var bounds = new Boundary(0, 0, window.innerWidth, window.innerHeight);
var kites = [];
for (var i = 0; i < COUNT; i++) {
kites.push(new Polygon([new Point(100, 100),
new Point(200, 100),
new Point(200, 200),
new Point(100, 200)]))
}
function renderFrame() {
ctx.fillRect(0, 0, canvas.width, canvas.height);
each(kites, function() {
movePoints(this.points);
bounds.constrainPoints(this.points);
this.draw();
});
requestAnimationFrame(renderFrame);
}
requestAnimationFrame(renderFrame);
اونایی که تو یاهو بهت گفتم رو نگه داشتم برات ( 9/10 بهت نشون میدم )
ارسالها: 981
موضوعها: 72
تاریخ عضویت: شهر 1392
اعتبار:
84
سپاس ها 1170
سپاس شده 520 بار در 338 ارسال
93-6-16، 01:03 صبح
(آخرین ویرایش در این ارسال: 93-6-16، 01:03 صبح، توسط Mr.Navid.)
یه سوال
فک میکردی این صندلی داغ باعث دوستیمون بشه؟؟
اصن تا قبلش منو میشناختی؟؟؟
در حال برنامه نویسی یک اسکریپت هستم...|منتظر باشید
ارسالها: 1,532
موضوعها: 50
تاریخ عضویت: مرد 1391
اعتبار:
207
سپاس ها 2455
سپاس شده 1445 بار در 812 ارسال
93-6-16، 01:40 صبح
(آخرین ویرایش در این ارسال: 93-6-16، 01:40 صبح، توسط ipry.)
(93-6-16، 12:23 صبح)cr7 نوشته است: از اینکه رکورد mmsh رو زدی چه حسی داری؟ هنوز که نزدم
(93-6-16، 12:55 صبح)عرشیامنصوری نوشته است: خب 5 روز وقت دارم تا ثابت کنم سی اس اس 100 درصد نیستی .
از آسون ترین سوال شروع میکنم .
اجزای این کد رو تعریف کن دقیقا چی اینو تعریف کنم؟
کلاس caption که از بالا 7% فاصله داره متن هاش وسط چین هست
ای دی middle هم که دستی فاصله دهی شده و از بالا و چپ 25% فاصله داره. البته به علت وجود overflow:hidden تا زمانی که width, height نداشته باشه چیزی نشون نمیده.
ای دی باکس هم میاد درون دیو مادرش یه دیو با عرض و ارتفاع 100% با بکگراند ابی روشن میزنه
کد:
.caption {
text-align: center;
padding-top: 7%;
}
#middle {
position: absolute;
top: 25%;
left: 25%;
right: 25%;
bottom: 25%;
border-radius: 50%;
overflow: hidden;
}
#box {
width: 100%; height: 100%;
background-color: #cde;
}
سوال بعدی یکم بالا تره ( 2/10 )
این بار جاوااسکریپت
اینا رو توضیح بده و کاربردشو بگو فقط میدونم استفاده از تگ canvas هست. بیشتر از اینش رو بلد نیستم.. با این تگ زیاد کار نکردم...
کد:
var COUNT = 10;
var SPEED = 5;
var COLOR = '#fff';
var canvas = document.getElementById('world');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
var ctx = canvas.getContext('2d');
ctx.lineWidth = 1;
ctx.strokeStyle = COLOR;
ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
function each(col, func, thisValue) {
for (var i = 0; i < col.length; i++) {
func.bind(thisValue || col[i])(col[i]);
}
}
function Point(x, y) {
this.x = x;
this.y = y;
this.vx = Math.random() * SPEED;
this.vy = Math.random() * SPEED;
}
Point.prototype.move = function() {
this.x += this.vx;
this.y += this.vy;
}
function drawPath(pointArray) {
ctx.beginPath();
ctx.moveTo(pointArray[0].x, pointArray[0].y);
each(pointArray, function() {
ctx.lineTo(this.x, this.y);
});
ctx.lineTo(pointArray[0].x, pointArray[0].y);
ctx.stroke();
ctx.closePath();
}
function movePoints(pointArray) {
each(pointArray, function() {
this.move();
});
}
function Boundary(x1, y1, x2, y2) {
this.x1 = x1,
this.y1 = y1,
this.x2 = x2,
this.y2 = y2
}
Boundary.prototype.constrainPoints = function(pointArray) {
each(pointArray, function(point) {
if (point.x < this.x1) {
point.x = this.x1;
point.vx *= -1;
} else if (point.x > this.x2) {
point.x = this.x2;
point.vx *= -1;
}
if (point.y < this.y1) {
point.y = this.y1;
point.vy *= -1;
} else if (point.y > this.y2) {
point.y = this.y2;
point.vy *= -1;
}
}, this);
}
function Polygon(points) {
this.points = points;
}
Polygon.prototype.draw = function() {
drawPath(this.points);
}
var bounds = new Boundary(0, 0, window.innerWidth, window.innerHeight);
var kites = [];
for (var i = 0; i < COUNT; i++) {
kites.push(new Polygon([new Point(100, 100),
new Point(200, 100),
new Point(200, 200),
new Point(100, 200)]))
}
function renderFrame() {
ctx.fillRect(0, 0, canvas.width, canvas.height);
each(kites, function() {
movePoints(this.points);
bounds.constrainPoints(this.points);
this.draw();
});
requestAnimationFrame(renderFrame);
}
requestAnimationFrame(renderFrame);
اونایی که تو یاهو بهت گفتم رو نگه داشتم برات ( 9/10 بهت نشون میدم )
کدنویسی رایگان کدهای پیشرفته جاوا اسکریپت :: پ.خ
ارسالها: 636
موضوعها: 63
تاریخ عضویت: مرد 1392
اعتبار:
24
سپاس ها 738
سپاس شده 439 بار در 225 ارسال
عمل زیبایی بینی انجام دادی؟! نظرت رو در مورد این جراحی بهمون بگو.
نامه خداحافظی فراماسونری ممنوع در وبلاگ موجود است. می توانید برای آخرین بار از وبلاگ فراماسونری ممنوع دیدن فرمایید.
ارسالها: 1,532
موضوعها: 50
تاریخ عضویت: مرد 1391
اعتبار:
207
سپاس ها 2455
سپاس شده 1445 بار در 812 ارسال
(93-6-16، 01:03 صبح)happyman نوشته است: یه سوال
فک میکردی این صندلی داغ باعث دوستیمون بشه؟؟ نه اصلا
اصن تا قبلش منو میشناختی؟؟؟ نه
(93-6-16، 01:48 صبح)پویا ناجی نوشته است: عمل زیبایی بینی انجام دادی؟! نظرت رو در مورد این جراحی بهمون بگو. نه انجام ندادم. شاید برای بعضی ها که واقعا مشکل تنفسی دارن و مشکل از بینی باشه مفید باشه ولی اصلا با اینکه خانوما میرن الکی عمل میکنن موافق نیستم...
کدنویسی رایگان کدهای پیشرفته جاوا اسکریپت :: پ.خ
ارسالها: 981
موضوعها: 72
تاریخ عضویت: شهر 1392
اعتبار:
84
سپاس ها 1170
سپاس شده 520 بار در 338 ارسال
وایییییییییییییییییییییی
این اولین پسته بعد از رکور ام ام اس اچ
حستو راجع بهش بگو
از اینکه من رکور ام ام اس اچ رو زدم چه حسی داری؟؟
در حال برنامه نویسی یک اسکریپت هستم...|منتظر باشید
ارسالها: 1,532
موضوعها: 50
تاریخ عضویت: مرد 1391
اعتبار:
207
سپاس ها 2455
سپاس شده 1445 بار در 812 ارسال
(93-6-16، 02:06 صبح)happyman نوشته است: وایییییییییییییییییییییی
این اولین پسته بعد از رکور ام ام اس اچ
حستو راجع بهش بگو
از اینکه من رکور ام ام اس اچ رو زدم چه حسی داری؟؟
یه حس خیلی خوبیه. یه جورایی صندلیم از همه داغتر شده - البته با کمک دوستان خصوصا شما -
کدنویسی رایگان کدهای پیشرفته جاوا اسکریپت :: پ.خ
|