jQuery实现支持IE的HTML滑块
d_b {。
身高:20px;
宽度:10px;
显示:内联块;
背景颜色:黑色;
职位:相对;
垂直对齐:中间;
上图:- 15px;
左:- 5px;
}
var $ = $(文档);
dom.on美元('mousedown ',' # d,函数(参数){)
$(这)。数据('mouse,Down);
console.log(Down');
})
dom.on美元('mouseup,函数(){(){
$(# D')。数据('mouse '向上');
console.log(向上的);
});
dom.on美元('mousemove ',' # D功能(事件){)
如果($(this)。数据('mouse)= = Down){
无功m_x = event.clientx;
无功d_b =美元(这)找到('。d_b);
m_x = m_x<88:m_x;
m_x = m_x > 208 208:m_x;
d_b.css(右,m_x-13);
VaR最大=美元(这)Attr('max);
$(这)。Attr(币值,Math.floor(((m_x-8) / 200 *最大))
console.log($(this)。Attr(币值的));
$(#文本)文本($(this)。Attr(币值的))
}
});
设计素描 uff1a
以上是本文的全部内容,希望能帮助大家学习使用jQuery。