<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>demo about table</title>
<script>
//删除id为test的table的最后一行
function deltr(str,row){
var obj = document.getElementById("cc");
var table =document.getElementById("tab1");
var rows = table.rows.length;
if(str=="aa"){
obj.scrollTop=obj.scrollHeight ;
alert(obj.scrollHeight);
}else{
alert(obj.scrollHeight);
alert(row)
alert(row*20-row-1);
obj.scrollTop=rows*20;
}
}
</script>
</head>
<body>
<div id="cc" style="height:250px;width:500px;overflow-y:scroll;overflow-x:hidden;">
<table id="tab1" border="1px">
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">01</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">02</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">03</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">04</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">05</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">06</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">07</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">08</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">09</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">10</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">11</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">12</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">13</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">14</td></tr>
<tr height="20"><td width="100"></td><td width="100"></td><td width="100">15</td></tr>
</table >
</div>
<br>
<br>
<table border="1">
<input type="button" name="button" value="del" onclick="deltr('bb','12');">
<input type="button" name="button" value="del" onclick="deltr('aa','0');">
</body>
</html>
分享到：
相关推荐
JavaScript滚动条是一个重要的前端开发话题，它涉及到网页用户体验的优化和界面交互的增强。传统的HTML滚动条虽然功能基本，但其样式和交互性往往不能满足现代网页设计的需求。因此，"New js 滚动条"通常是利用...
JavaScript滚动条是一个重要的前端开发话题，它涉及到网页用户体验和页面交互设计。JavaScript允许开发者对浏览器的默认滚动行为进行自定义，以实现更加丰富和个性化的界面效果。在本项目中，"javascript滚动条"可能...
JS滚动条属性值，取得滚动条各种数据值，简单处理JS操作滚动条
首先，js滚动条源码通常是通过JavaScript编程语言实现的自定义滚动条解决方案。相比于浏览器默认的滚动条样式，自定义滚动条可以提供更美观、更具交互性的体验。开发者可以调整滚动条的宽度、颜色、形状等属性，使之...
本教程将详细介绍如何使用dhtmlxSlider来实现JavaScript滚动条。 首先，dhtmlxSlider不仅限于滚动条，它还支持创建滑块组件，可以用于数值选择、音量控制、进度条等场景。其主要特点包括高度可定制的外观、多种操作...
标题中的“一款效果很不错的JS滚动条”指的是一个JavaScript实现的滚动条插件或库，它提供了优于浏览器默认滚动条的视觉效果和交互体验。在网页设计中，滚动条是必不可少的元素，尤其是在内容丰富的页面上，它帮助...
本主题将探讨如何利用JavaScript（JS）和CSS来美化滚动条，使其与网站的整体设计更加协调，提升用户体验。 首先，我们需要了解CSS在滚动条美化中的作用。CSS3引入了`::-webkit-scrollbar`和`::-webkit-scrollbar-...
### 一、原生JavaScript滚动条 原生的HTML滚动条样式通常由浏览器默认控制，但在某些情况下，我们可能希望自定义滚动条的外观和行为。在JavaScript中，可以使用CSS伪元素`::-webkit-scrollbar`和`::-webkit-...
"自定义滚动条 scroll js滚动条"就是这样一个主题，它涉及到JavaScript库，如jQuery和jScroll，以及图像资源的使用，来实现滚动条的个性化效果。 首先，jQuery.js是广泛使用的JavaScript库，它简化了DOM操作，事件...
never Slider Bar html js 滚动条 变色版 html js 滚动条
在JavaScript（JS）编程中，控制滚动条自动向下滚动是一种常见的需求，特别是在实时聊天、论坛或者日志更新等场景中，我们希望用户能够始终保持看到最新的内容。本篇将详细讲解如何利用JavaScript实现这一功能，以及...
js 自定义滚动条样式 颜色大小在css调节 绑定节点在js代码第一个函数修改
总的来说，ScrollBot是一个强大的纯JavaScript滚动条美化工具，它提供了一种灵活、可定制的解决方案，让开发者能够为网站创造出独特且美观的滚动体验。通过深入理解ScrollBot的配置选项和使用方法，你可以进一步提升...
//滚动条滚动一次的间距px； // var tmpHeight=4;//滚动条滚动一次页码内容滚动的间距px； var connentHeight=barheight;//页面的的高度=滚动条的高度包括上下两个箭头； var barHeight=connentHeight-11*2;//...
总之，JavaScript滚动条是一个功能强大且富有灵活性的工具，通过深入理解和巧妙运用，我们可以创造出更加丰富、个性化的网页交互体验。无论是简单的滚动位置获取，还是复杂的滚动动画实现，JavaScript都能提供有效的...
本文实例讲述了JS简单判断滚动条的滚动方向实现方法。分享给大家供大家参考，具体如下： 以下代码实现判断页面的滚动条的滚动方向； var sign = 80;//定义默认的向上滚与向下滚的边界 [removed] = [removed] = ...
在"js滚动条实例方便学习"这个主题中，我们将探讨如何利用JavaScript来实现自定义滚动效果。首先，`s.html`可能是包含JS滚动条实例的HTML文件，它可能包含了用于展示和测试滚动条功能的代码。`images`文件夹则可能...
首先，"自定义个性js滚动条"是指通过编程技术改变浏览器默认的滚动条样式，将其转化为符合网站设计风格的定制化滚动条。这通常涉及到JavaScript库，如jQuery，以及CSS的深入应用。jQuery是一个轻量级的JavaScript库...
JavaScript滚动条实例是一种常见于网页设计的技术，它利用JavaScript、CSS和HTML来定制或控制页面的默认滚动条，以提供更美观或者与页面设计风格更一致的用户体验。在这个实例中，我们将探讨如何通过这些技术实现...
《使用jQuery jscrollpane.js实现滚动窗口微信聊天对话框》 在网页开发中，创建一个类似于微信聊天对话框的交互式界面是一项常见的需求。为了实现这样的功能，开发者常常会利用JavaScript库，比如jQuery，以及相关...