首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Jquery的each函数-轻便实现一个页面中的多个进度条

2013-02-24 
Jquery的each函数--轻松实现一个页面中的多个进度条做了一个限时任务领取的页面,如图:一、功能:A:一个页面

Jquery的each函数--轻松实现一个页面中的多个进度条

做了一个限时任务领取的页面,如图:

Jquery的each函数-轻便实现一个页面中的多个进度条

一、功能:

A:一个页面中有几个不同任务。

B:任务完成多少,彩色图片就显示多少。

C:当完成75%时,锁头消失。

D:当任务为0时,按钮变灰。

二、核心代码

var main_width = 450;$(document).ready(function(){$("table").each(function(){            var td1w = main_width*$(this).attr('per');var td2w = main_width-td1w;            $(this).find("td.td1").width(td1w);$(this).find("td.td2").width(td2w);if(td1w<340){$(this).find(".suo").css("left",td2w/2-14);if(td1w==0){$(this).find(".td2").css("background","none");}}else{$(this).find(".suo").hide();}});});


热点排行