Jquery中关于DIV中滚动的处理,百分求解 jquery移动 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 直接加iframe 关于水平和竖直的滚动条就很好解决。 第四点只需要指定开始区间就好了,后续的显示由容器的宽度来决定<style>.div_timegantt{overflow:auto;overflow-x:hidden;width:300px;}</style><div id="div_timegantt" class="div_timegantt"><table cellpadding="0" cellspacing="0"> <tr class="thead"> <th colspan="6"> 00:00 </th> <th colspan="6"> 01:00 </th> <th colspan="6"> 02:00 </th> <th colspan="6"> 03:00 </th> <th colspan="6"> 04:00 </th> <th colspan="6"> 05:00 </th> <th colspan="6"> 06:00 </th> <th colspan="6"> 07:00 </th> <th colspan="6"> 08:00 </th> <th colspan="6"> 09:00 </th> <th colspan="6"> 10:00 </th> </tr> <!-- 1Row --> <tr class="tbody"> <!-- 00:00 --> <td class="nonepast10"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <!-- 01:00 --> <td class="nonepast10"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <!-- 02:00 --> <td class="nonepast10"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <!-- 03:00 --> <td class="nonepast10"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <!-- 04:00 --> <td class="nonepast10"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <!-- 05:00 --> <td class="nonepast10"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <!-- 06:00 --> <td class="nonepast10"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <!-- 07:00 --> <td class="nonepast10"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <!-- 08:00 --> <td class="nonepast10"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <!-- 09:00 --> <td class="nonepast10"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <!-- 10:00 --> <td class="nonepast10"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr></table></div><a id='scLeft' href='#'>左移</a> <a id='scRight' href='#'>右移</a><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script> var nowTH = 0, dv = $('#div_timegantt'), ths = dv.find('th'), thNum = ths.size(), maxScrollLeft = ths.parent().width() - dv.width() , startTH = '05:00'; $('#scLeft,#scRight').click(function () { if (arguments.length < 2) nowTH += this.id == 'scLeft' ? -1 : 1; if (nowTH < 0) { nowTH = 0; return false } var scrollLeft = 0; ths.each(function (i, el) { if (i >= nowTH) return false; scrollLeft += ths.eq(i).width(); }); if (scrollLeft > maxScrollLeft) nowTH--; dv.attr('scrollLeft', scrollLeft); return false; }); $(function () { if (startTH != '') { nowTH = ths.filter(':contains("' + startTH + '")').index(); if (nowTH != -1) $('#scLeft').trigger('click', 'init'); else nowTH = 0; //找不到开始的th对象则还是从0开始 } });</script></body></html> 图像覆盖绘制的问题 求正则表达式 新手求答疑,谢谢大家帮忙 准备学习prototype.js,帮助文档中有这么多列表,到底先学哪个啊?看进来看图! 关于随机换背景问题 怎样将jsp上一页的信息数据带到即将要跳转的页面 javascript 中 do...while问题。 请问?像这样的字符串怎样截取?(111212121, 213213211, 123213211, 846544, 564544) 如何做到让一个网页延迟显示? 改变行的背景颜色? JS 控制加减号数字问题 easyui tree增加业务root节点
.div_timegantt{overflow:auto;overflow-x:hidden;width:300px;}
</style>
<div id="div_timegantt" class="div_timegantt">
<table cellpadding="0" cellspacing="0">
<tr class="thead">
<th colspan="6"> 00:00 </th>
<th colspan="6"> 01:00 </th>
<th colspan="6"> 02:00 </th>
<th colspan="6"> 03:00 </th>
<th colspan="6"> 04:00 </th>
<th colspan="6"> 05:00 </th>
<th colspan="6"> 06:00 </th>
<th colspan="6"> 07:00 </th>
<th colspan="6"> 08:00 </th>
<th colspan="6"> 09:00 </th>
<th colspan="6"> 10:00 </th>
</tr>
<!-- 1Row -->
<tr class="tbody">
<!-- 00:00 -->
<td class="nonepast10"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<!-- 01:00 -->
<td class="nonepast10"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<!-- 02:00 -->
<td class="nonepast10"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<!-- 03:00 -->
<td class="nonepast10"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<!-- 04:00 -->
<td class="nonepast10"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<!-- 05:00 -->
<td class="nonepast10"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<!-- 06:00 -->
<td class="nonepast10"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<!-- 07:00 -->
<td class="nonepast10"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<!-- 08:00 -->
<td class="nonepast10"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<!-- 09:00 -->
<td class="nonepast10"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<!-- 10:00 -->
<td class="nonepast10"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<a id='scLeft' href='#'>左移</a> <a id='scRight' href='#'>右移</a>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
var nowTH = 0, dv = $('#div_timegantt'), ths = dv.find('th'), thNum = ths.size(), maxScrollLeft = ths.parent().width() - dv.width()
, startTH = '05:00';
$('#scLeft,#scRight').click(function () {
if (arguments.length < 2) nowTH += this.id == 'scLeft' ? -1 : 1;
if (nowTH < 0) { nowTH = 0; return false }
var scrollLeft = 0;
ths.each(function (i, el) { if (i >= nowTH) return false; scrollLeft += ths.eq(i).width(); });
if (scrollLeft > maxScrollLeft) nowTH--;
dv.attr('scrollLeft', scrollLeft); return false;
});
$(function () {
if (startTH != '') {
nowTH = ths.filter(':contains("' + startTH + '")').index();
if (nowTH != -1) $('#scLeft').trigger('click', 'init');
else nowTH = 0; //找不到开始的th对象则还是从0开始
}
});
</script>
</body>
</html>