farnaz 34 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 یک کد جاوا اسکریپت برای coming soon میخام که روزهای باقیمانده تا تاریخ مشخص و ساعت ، دقیقه و ثانیه را هر کدام را به صورت جداگانه نشان دهد.یعنی تعداد روز و زمان به صورت نزولی تغیییر می کند نقل قول لینک به ارسال
pary_daryayi 181 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 منم تاحالا استفاده نكردم ولي اينجا يه آموزش گذاشته .http://aliha.ir/2009/10/08/coming-soon-page-with-jquery/ 2 نقل قول لینک به ارسال
mehral 785 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 (ویرایش شده) به این صفحه نگاه کن . صفحهجی کوئری کد /** 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 optionsvar 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 containervar createDigits = function(where){var c = 0;// Iterate each startTime digit, if it is not a digit// we'll asume that it's a separatorfor (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 marginvar 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' }); }); ویرایش شده بهمن 91 توسط Morteza کدهای بلند در longbox 2 نقل قول لینک به ارسال
farnaz 34 ارسال شده در بهمن 91 مالک گزارش بازنشر ارسال شده در بهمن 91 از دو روش جواب نداد. اصلا چیزی نشون نداد نقل قول لینک به ارسال
isk 4447 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 http://www.littlewebthings.com/projects/countdown/http://wordpress.org/extend/plugins/uji-countdown/screenshots/البته اگر بازم جستجو کنید می تونید پلاگین های دیگه هم ببینید 3 نقل قول لینک به ارسال
Parsa 23463 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 دمو:http://webdesigntutsplus.s3.amazonaws.com/tuts/355_coming_soon/Coming-Soon/index.htmlدریافت:http://webdesigntutsplus.s3.amazonaws.com/tuts/355_coming_soon/Coming-Soon.zip 3 نقل قول لینک به ارسال
karaneha 27 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 (ویرایش شده) به این صفحه نگاه کن . صفحهجی کوئری کد /** 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 optionsvar 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 containervar createDigits = function(where){var c = 0;// Iterate each startTime digit, if it is not a digit// we'll asume that it's a separatorfor (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 marginvar 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 هست. باید پوشه ی جدیدی بسازم؟ این کد اعمال جی کوئری رو کجا باید بذارم؟ ویرایش شده فروردین 92 توسط karaneha نقل قول لینک به ارسال
ariaieboy 691 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 دوست عزیز حالا حتما باید جی کوئری باشه برای این کار قالب HTML و حتی قالب وردپرس هم هست اگر می خواهید بگید تا معرفی کنم 1 نقل قول لینک به ارسال
karaneha 27 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 من فقط می خواستم طرز استفادشون رو در پوسته ی سایتم بدونم . اینکه این کدها رو کجا بذارم ؟ داخل چه فایلی؟ با چه نام و پسوندی؟ چطور فراخوانی کنم؟؟ ولی ممنون اگه معرفی کنید با طرز استفادشون البته... نقل قول لینک به ارسال
Morteza 34190 ارسال شده در فروردین 92 گزارش بازنشر ارسال شده در فروردین 92 کدی که پارسا داده بصورت صفحه HTML هست.کافیه صفحه + فایلهای کنارش رو هر جا دوست دارید آپلود کنید.مثلا اگر قرار برای یک سایت باشه توی روت سایت قرار بدید. نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .