jQuery实现支持IE的HTML滑块

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。

tag:滑块支持电脑软件jqueryHTML

相关内容