رفتن به مطلب

انجام تغییرات به ترتیب


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

سلام

معذرت برای عنوان تاپیک :(

یه صفحه داریم مثل عکس زیر :

post-2969-0-68207400-1411832536_thumb.jp

کد html هم به این صورت هست :


<div class="skills">
<h3>Development Skills</h3>
<ul>
<li> <span class="skill-name">PHP</span>
<div class="rate right" data-rate="6"></div>
</li>
<li> <span class="skill-name">MySQL</span>
<div class="rate right" data-rate="6"></div>
</li>
<li> <span class="skill-name">Jquery</span>
<div class="rate right" data-rate="4"></div>
</li>
<li> <span class="skill-name">Dreamweaver</span>
<div class="rate right" data-rate="7"></div>
</li>
<li> <span class="skill-name">CSS3</span>
<div class="rate right" data-rate="7"></div>
</li>
<li> <span class="skill-name">HTML5</span>
<div class="rate right" data-rate="7"></div>
</li>
<li> <span class="skill-name">SEO</span>
<div class="rate right" data-rate="4"></div>
</li>
<li> <span class="skill-name">Wordpress</span>
<div class="rate right" data-rate="5"></div>
</li>
<li> <span class="skill-name">Javascript</span>
<div class="rate right" data-rate="3"></div>
</li>
</ul>
</div>

کد جی کوئری هم این هست :


$(".skills li .rate").each(function(index,e) {
// Vars
var
$ratNum = 7,
$rat = $(e).attr("data-rate"),
$point = "<span></span>";
// Append points
while($ratNum > 0){
$(e).append($point);
$ratNum--;
}
$(e).find("span").each(function(index,e) {
if(index >= $rat) return false;
// Append Disabled Rats
$(e).animate({
opacity: 1
});
});
});

من میخوام به جای این که دایره ها یه دفعه پررنگ بشه ، تک تک پر رنگ بشن تا مقداری که بهش گفتم.

چیکار باید بکنم ؟

ممنون

لینک به ارسال

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

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

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

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

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

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

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

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

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