css方法如何实现这种效果？

Question

橘黄色的数字的id 是 title

灰色的长条 id = bar

想要实现点击加号或者减号 橘黄色滑块跟橘黄色的数字一起向前或者后退移动

     var b = $$("#bar").width(); 获取灰色长条的长度

     var c = b / (9-1); 确定每次移动的距离

               

     $$("#title").css("left",  c + "px");  

用css的 这种方法 只能移动一次

开始用的获取offset().left的属性 但是那个距离太大了

应该怎么实现

JQ的其他方法用不了 就只能用这几个方法 用了一个封装在angular里面的框架 整合了JQ的部分功能 很多用不了的 所以比较纠结

Answer 1

将一个div盒子放在灰色长条的上面，每点一次让当前div的宽度增大就可以了。都确定每次增加和减小的长度，设置个变量和这个长度相乘，点加号让这个变量加加不就可以了吗？