html 滑块拖动的问题

鼠标拖动是用js写的，主要用onmousedown onmousemove onmouseup 事件。在相应的事件中进行js *** 作。

细节：你说的问题其实主要看是否对鼠标有限制。如果限制了，鼠标出浏览器就不能 *** 作。

1、确认无误后，打开python编辑器pycharm，然后新建一个文件，叫做tkinter_t.py。

2、内容编辑完毕，确认无误后，点击pycharm编辑器最上方的run选项卡。然后再点击下方的run选项。

3、然后会d出一个窗口，让你选择需要运行的python文件，选择刚才创建的tkinter_t.py，然后就会开始执行。d出我们的测试窗口。

4、继续在基础上进行优化。优化后的命令总共分两段。

5、首先用Tk()这个模块创建一个窗口windows，然后定义一个按钮button，按钮的名称是press，按下去以后的响应命令command是刚才定义的reply函数。

6、代码确认无误后，点击pycharm页面右上角的tkinter_t.py文件名旁边的绿色三角按钮，开始运行代码。

7、刚创建的窗口是个很小的窗口，只显示了一个按钮的高度。

布局

<div id="con">

<ul id="tags">

<li class="selectTag"><a >标签一</a></li>

<li><a>标签二</a></li>

<li><a>自适应宽度的标签</a></li>

<li><a>自适应宽度的标签自适应宽度的</a></li>

<li><a>自适应宽度的标签</a></li>

</ul>

<div id="tagContent">

<div class="tagContent selectTag">第一个标签的内容</div>

<div class="tagContent">第二个标签的内容</div>

<div class="tagContent">第三个标签的内容</div>

<div class="tagContent">第4个标签的内容</div>

<div class="tagContent">第5个标签的内容</div>

</div>

</div>

JQ.

<script type="text/javascript">

$(function () {

$("#tags >li").bind("click", function () {

$(this).addClass("selectTag")

var index = $(this).index()

$("#tags >li").each(function (i) {if (i != index) { $(this).removeClass("selectTag")}})

$("#tagContent >div").each(function (i) {

if (i == index) { $(this).show().addClass("selectTag")}

else {$(this).hide().removeClass("selectTag")}

})

})

})

</script>

自己添加个JQ库就行了。样式自己调整。估计你样式问题

---