htmlx轴没有滑块

htmlx轴没有滑块的设置方法如下

第一种：伪对象选择器

在webkit内核的浏览器里可以定义滚动条样式。在CSS初始处定义

第二种：变相隐藏

大体思路是在div外面再套一个div。这个div设置overflow:hidden。

而内容div设置 overflow-x: hiddenoverflow-y: scroll然后再设置外层div的width小于内容div的width，就是用一个无滚动条的div包裹另一个有滚动条的div，从而实现隐藏滚动条的效果。

滑动条好像是HTML框架的标记的一个属性，如果不用

<frameset cols="50%,*">

<frame name="hello" src="up2u.html">

<frame name="hi" src="me2.html">

</frameset>

这个标记的话，貌似用不到滑动条，因为页面大的话，会自动滑动，这是默认的。

滑动条

scrolling="Yes"

使用 Yes 表示容许卷动（内定）， No

则不容许卷动。

布局

<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库就行了。样式自己调整。估计你样式问题

---