رفتن به مطلب

درخواست کد جاوا اسکریپت


پست های پیشنهاد شده

یک کد جاوا اسکریپت برای coming soon میخام که روزهای باقیمانده تا تاریخ مشخص و ساعت ، دقیقه و ثانیه را هر کدام را به صورت جداگانه نشان دهد.یعنی تعداد روز و زمان به صورت نزولی تغیییر می کند

لینک به ارسال

منم تاحالا استفاده نكردم ولي اينجا يه آموزش گذاشته .

http://aliha.ir/2009/10/08/coming-soon-page-with-jquery/

لینک به ارسال

به این صفحه نگاه کن . صفحه

جی کوئری کد

/*

* jquery-counter plugin

*

* Copyright © 2009 Martin Conte Mac Donell <Reflejo@gmail.com>

* Dual licensed under the MIT and GPL licenses.

* http://docs.jquery.com/License

*/

jQuery.fn.countdown = function(userOptions)

{

// Default options

var options = {

stepTime: 60,

// startTime and format MUST follow the same format.

// also you cannot specify a format unordered (e.g. hh:ss:mm is wrong)

format: "dd:hh:mm:ss",

startTime: "01:12:32:55",

digitImages: 6,

digitWidth: 53,

digitHeight: 77,

timerEnd: function(){},

image: "digits.png"

};

var digits = [], interval;

// Draw digits in given container

var createDigits = function(where)

{

var c = 0;

// Iterate each startTime digit, if it is not a digit

// we'll asume that it's a separator

for (var i = 0; i < options.startTime.length; i++)

{

if (parseInt(options.startTime) >= 0)

{

elem = $('<div id="cnt_' + i + '" class="cntDigit" />').css({

height: options.digitHeight * options.digitImages * 10,

float: 'left', background: 'url(\'' + options.image + '\')',

width: options.digitWidth});

digits.push(elem);

margin(c, -((parseInt(options.startTime) * options.digitHeight *

options.digitImages)));

digits[c].__max = 9;

// Add max digits, for example, first digit of minutes (mm) has

// a max of 5. Conditional max is used when the left digit has reach

// the max. For example second "hours" digit has a conditional max of 4

switch (options.format) {

case 'h':

digits[c].__max = (c % 2 == 0) ? 2: 9;

if (c % 2 == 0)

digits[c].__condmax = 4;

break;

case 'd':

digits[c].__max = 9;

break;

case 'm':

case 's':

digits[c].__max = (c % 2 == 0) ? 5: 9;

}

++c;

}

else

elem = $('<div class="cntSeparator"/>').css({float: 'left'})

.text(options.startTime);

where.append(elem)

}

};

// Set or get element margin

var margin = function(elem, val)

{

if (val !== undefined)

return digits[elem].css({'marginTop': val + 'px'});

return parseInt(digits[elem].css('marginTop').replace('px', ''));

};

// Makes the movement. This is done by "digitImages" steps.

var moveStep = function(elem)

{

digits[elem]._digitInitial = -(digits[elem].__max * options.digitHeight * options.digitImages);

return function _move() {

mtop = margin(elem) + options.digitHeight;

if (mtop == options.digitHeight) {

margin(elem, digits[elem]._digitInitial);

if (elem > 0) moveStep(elem - 1)();

else

{

clearInterval(interval);

for (var i=0; i < digits.length; i++) margin(i, 0);

options.timerEnd();

return;

}

if ((elem > 0) && (digits[elem].__condmax !== undefined) &&

(digits[elem - 1]._digitInitial == margin(elem - 1)))

margin(elem, -(digits[elem].__condmax * options.digitHeight * options.digitImages));

return;

}

margin(elem, mtop);

if (margin(elem) / options.digitHeight % options.digitImages != 0)

setTimeout(_move, options.stepTime);

if (mtop == 0) digits[elem].__ismax = true;

}

};

$.extend(options, userOptions);

this.css({height: options.digitHeight, overflow: 'hidden'});

createDigits(this);

interval = setInterval(moveStep(digits.length - 1), 1000);

};

روش استفاده کردن این کد HTML


<div id="counter"></div>
<div class="desc">
<div>Días</div>
<div>Horas</div>
<div>Minutos</div>
<div>Segundos</div>
</div>

اعمال جی کوئری


$(function(){
$('#counter').countdown({
image: 'img/digits.png',
startTime: '01:12:12:00'
});
});

ویرایش شده توسط Morteza
کدهای بلند در longbox
لینک به ارسال

http://www.littlewebthings.com/projects/countdown/

http://wordpress.org/extend/plugins/uji-countdown/screenshots/

البته اگر بازم جستجو کنید می تونید پلاگین های دیگه هم ببینید

لینک به ارسال
  • 1 ماه بعد...

به این صفحه نگاه کن . صفحه

جی کوئری کد

/*

* jquery-counter plugin

*

* Copyright © 2009 Martin Conte Mac Donell <Reflejo@gmail.com>

* Dual licensed under the MIT and GPL licenses.

* http://docs.jquery.com/License

*/

jQuery.fn.countdown = function(userOptions)

{

// Default options

var options = {

stepTime: 60,

// startTime and format MUST follow the same format.

// also you cannot specify a format unordered (e.g. hh:ss:mm is wrong)

format: "dd:hh:mm:ss",

startTime: "01:12:32:55",

digitImages: 6,

digitWidth: 53,

digitHeight: 77,

timerEnd: function(){},

image: "digits.png"

};

var digits = [], interval;

// Draw digits in given container

var createDigits = function(where)

{

var c = 0;

// Iterate each startTime digit, if it is not a digit

// we'll asume that it's a separator

for (var i = 0; i < options.startTime.length; i++)

{

if (parseInt(options.startTime) >= 0)

{

elem = $('<div id="cnt_' + i + '" class="cntDigit" />').css({

height: options.digitHeight * options.digitImages * 10,

float: 'left', background: 'url(\'' + options.image + '\')',

width: options.digitWidth});

digits.push(elem);

margin(c, -((parseInt(options.startTime) * options.digitHeight *

options.digitImages)));

digits[c].__max = 9;

// Add max digits, for example, first digit of minutes (mm) has

// a max of 5. Conditional max is used when the left digit has reach

// the max. For example second "hours" digit has a conditional max of 4

switch (options.format) {

case 'h':

digits[c].__max = (c % 2 == 0) ? 2: 9;

if (c % 2 == 0)

digits[c].__condmax = 4;

break;

case 'd':

digits[c].__max = 9;

break;

case 'm':

case 's':

digits[c].__max = (c % 2 == 0) ? 5: 9;

}

++c;

}

else

elem = $('<div class="cntSeparator"/>').css({float: 'left'})

.text(options.startTime);

where.append(elem)

}

};

// Set or get element margin

var margin = function(elem, val)

{

if (val !== undefined)

return digits[elem].css({'marginTop': val + 'px'});

return parseInt(digits[elem].css('marginTop').replace('px', ''));

};

// Makes the movement. This is done by "digitImages" steps.

var moveStep = function(elem)

{

digits[elem]._digitInitial = -(digits[elem].__max * options.digitHeight * options.digitImages);

return function _move() {

mtop = margin(elem) + options.digitHeight;

if (mtop == options.digitHeight) {

margin(elem, digits[elem]._digitInitial);

if (elem > 0) moveStep(elem - 1)();

else

{

clearInterval(interval);

for (var i=0; i < digits.length; i++) margin(i, 0);

options.timerEnd();

return;

}

if ((elem > 0) && (digits[elem].__condmax !== undefined) &&

(digits[elem - 1]._digitInitial == margin(elem - 1)))

margin(elem, -(digits[elem].__condmax * options.digitHeight * options.digitImages));

return;

}

margin(elem, mtop);

if (margin(elem) / options.digitHeight % options.digitImages != 0)

setTimeout(_move, options.stepTime);

if (mtop == 0) digits[elem].__ismax = true;

}

};

$.extend(options, userOptions);

this.css({height: options.digitHeight, overflow: 'hidden'});

createDigits(this);

interval = setInterval(moveStep(digits.length - 1), 1000);

};

روش استفاده کردن این کد HTML


<div id="counter"></div>
<div class="desc">
<div>Días</div>
<div>Horas</div>
<div>Minutos</div>
<div>Segundos</div>
</div>

اعمال جی کوئری


$(function(){
$('#counter').countdown({
image: 'img/digits.png',
startTime: '01:12:12:00'
});
});

با سلام، آقا میشه یه کم توضیح بدید که این کدهای جی کوئری و سایر کدایی رو که فرمودید رو تو کدوم فایل پوسته ی سایتم باید بریزم؟؟؟ چون پوسته ی سایتم اصلا فایلی با پسوند js یا htmlنداره همشون php با 1 css هست. باید پوشه ی جدیدی بسازم؟ این کد اعمال جی کوئری رو کجا باید بذارم؟

ویرایش شده توسط karaneha
لینک به ارسال

دوست عزیز حالا حتما باید جی کوئری باشه

برای این کار قالب HTML و حتی قالب وردپرس هم هست اگر می خواهید بگید تا معرفی کنم

لینک به ارسال

من فقط می خواستم طرز استفادشون رو در پوسته ی سایتم بدونم . اینکه این کدها رو کجا بذارم ؟ داخل چه فایلی؟ با چه نام و پسوندی؟ چطور فراخوانی کنم؟؟

ولی ممنون اگه معرفی کنید با طرز استفادشون البته...

لینک به ارسال

کدی که پارسا داده بصورت صفحه HTML هست.

کافیه صفحه + فایلهای کنارش رو هر جا دوست دارید آپلود کنید.

مثلا اگر قرار برای یک سایت باشه توی روت سایت قرار بدید.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...