类似阿里云弹性计算的滑块
2015-07-15 15:17
507 查看
一个阿里云弹性计算的滑块,当然,与阿里云的还是有大差距哈。
$(".track").mousedown(function() { var target=$(this).parent(); isMoving=true; $("html,body").mousemove(function(event) { if(isMoving==false)return; var changeX = event.clientX - ScrollerTrack.CurrentX; currentValue = changeX - ScrollerTrack.CurrentX; if(changeX<=0){ $(target).find(".track").css("margin-left", "0px"); $(target).find(".valueC").css("width", "0px"); $(target).find(".show").css("margin-left", "-15px"); $(target).find(".show").html(0); ScrollerTrack.CurrentValue=0; } else if(changeX>=ScrollerTrack.BodyWidth-16){ $(target).find(".track").css("margin-left", ScrollerTrack.BodyWidth-16+"px"); $(target).find(".valueC").css("width",ScrollerTrack.BodyWidth-16+"px"); $(target).find(".show").css("margin-left", ScrollerTrack.BodyWidth-31+"px"); $(target).find(".show").html(ScrollerTrack.MaxValue); ScrollerTrack.CurrentValue=ScrollerTrack.MaxValue; } else{ $(target).find(".track").css("margin-left", changeX+"px"); $(target).find(".valueC").css("width", changeX+"px"); $(target).find(".show").css("margin-left", changeX-15+"px"); var v=ScrollerTrack.MaxValue*((changeX+16)/ScrollerTrack.BodyWidth); $(target).find(".show").html(parseInt(v)); ScrollerTrack.CurrentValue=parseInt(v); } }); });
相关文章推荐
- 阿里云弹性高性能计算产品商业化正式发布
- 阿里云弹性高性能计算E-HPC强势来袭,全新打造一站式云超算
- 阿里云弹性高性能计算产品商业化正式发布
- 打好阿里云弹性计算基础,确立云服务市场新格局
- 阿里云总监课第四期:阿里褚霸携专家团独家分享弹性计算最佳实践
- 打好阿里云弹性计算基础,确立云服务市场新格局
- 打好阿里云弹性计算基础,确立云服务市场新格局
- 将阿里云的ECS弹性计算云的富余空间转变为私有专用的Dropbox的神奇软件--端端Clouduolc
- 阿里云弹性计算服务ECS基本概念(第二章)
- 撩开云计算神秘面纱之阿里云弹性计算服务篇
- 最近阿里云正式发布弹性高性能计算产品
- 阿里云的弹性计算
- 阿里云弹性高性能计算产品商业化正式发布
- 阿里云-弹性计算产品解析
- 【深圳云栖大会】阿里云弹性计算ESSD云盘产品全面解析
- 一分钟掌握阿里云ECS弹性计算所有产品
- 阿里云学习九 - 弹性计算:云服务器 & 负载均衡
- 阿里云弹性计算Apsara Block Storage正式发布 构建企业级分布式块存储服务平台
- 阿里云发布新物种神龙云服务器 媲美物理机性能的弹性云服务器
- 免费使用函数计算,只有在阿里云能实现