jQuery的each函数--轻松实现一个页面中的多个进度条
2013-02-19 17:21
260 查看
做了一个限时任务领取的页面,如图:
一、功能:
A:一个页面中有几个不同任务。
B:任务完成多少,彩色图片就显示多少。
C:当完成75%时,锁头消失。
D:当任务为0时,按钮变灰。
二、核心代码
一、功能:
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(); } }); });
相关文章推荐
- 一个JQuery前端实现的考试页面,带进度条,倒计时和答题卡
- jquery实现页面加载进度条
- 使用java的html解析器jsoup和jQuery实现一个自动重复抓取任意网站页面指定元素的...
- 用jQuery实现当前页面给菜单导航一个特定样式
- 用html5页面引入了一个jquery插件,实现平板上的向上滑动加载更多的功能
- 使用java的html解析器jsoup和jQuery实现一个自动重复抓取任意网站页面指定元素的web应用
- 纯CSS和jQuery实现的在页面顶部显示的进度条效果2例(仿手机浏览器进度条效果)
- 使用java的html解析器jsoup和jQuery实现一个自动重复抓取任意网站页面指定元素的web应用
- jquery实现页面加载进度条(转)
- jquery和php实现同一个页面传值
- jQuery 实现一个简单的信息反馈或者信息收集的页面
- jquery实现的一个简单进度条效果实例
- Laravel一个页面里有多个分页并用jQuery pagination.js实现
- jquery实现的一个简单进度条效果实例
- ajax+jQuery实现一个页面同时加载多个模块!
- 基于jQuery实现模拟页面加载进度条
- Jquery实现页面上所有的checkbox只能选中一个
- jQuery封装一个方法实现监控页面所有ajax请求
- 使用java的html解析器jsoup和jQuery实现一个自动重复抓取任意网站页面指定元素的web应用
- 使用java的html解析器jsoup和jQuery实现一个自动重复抓取任意网站页面指定元素的web应用