Más contenido relacionado
Más de Sphere Consulting Inc (9)
Ember.js – Why Should You Spend Your Time On It? Alex Opak
- 6. $()
var relX,
docw,
isMouseDown,
arrow = $('.selector .arrow'),
daily = $('.selector-container .daily'),
weekly = $('.selector-container .weekly'),
monthly = $('.selector-container .monthly'),
weeklyLabels = $('.bottom-labels .weekly span'),
!
monthlyLabels = $('.bottom-labels .monthly span');
$(arrow).on('mousedown', function(e){
var srcX = $(this).offset().left;
docw = $('body').width();
relX = e.pageX - srcX + 345;
isMouseDown = true;
});
!
$(document).on('mousemove',function(e){
if(isMouseDown) {
var maxX = $('.selector').width() - 25;
var mouseX = e.pageX;
var diffX = mouseX - relX;
if(diffX < 0) diffX = 0;
!
!
}});
if(diffX > maxX) diffX = maxX;
$(arrow).css('left', (diffX)+'px').text('');
$('.bottom-labels span').removeClass('active');