两部分内容，来自两文章。
http://www.dnbcw.com/biancheng/javascript/ksat167485.html
http://www.iwms.net/n426c19.aspx
一、DIV法
<!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>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#container { width: 200px; height: 100px; border: 1px solid red; position: relative;}
#chart { position: absolute; height: 200px}
</style>
</head>
<body>
<div id="container">
<div id="chart"></div>
</div>
<script>
void function() {
var arr = [], T$ = function(id) { return document.getElementById(id); },
fx = function(t,b,c,d){ return c*t/d + b; }, i = 0;
for ( ; i < 200; i++) {
arr.push('<div style="width:1px;height:1px;font-size:0;background-color:#FF0066;position:absolute;left:'+(i - 1)+'px;top:'+(Math.ceil(fx(i, 0, 100, 200)))+'px"><\/div>');
}
T$('chart').innerHTML = arr.join('');
}();
</script>
</body>
</html>
二、VML法
<HTML xmlns:v>
<HEAD>
<META http-equiv="Content-Type" content="text/html; Charset=gb2312">
<META name="GENERATOR" content="网络程序员伴侣-Lshdic 2002">
<TITLE>在表格中划斜线</TITLE>
<STYLE>
v\:*{behavior:url(#default#VML);} //这里声明了v作为VML公用变量
</STYLE>
</HEAD>
<BODY>
<table width=300 height=300 border=1><tr><Td valign=top>
<v:line strokecolor='red' from='0,0' to='290,290'/>
</td></tr></table>
这个必须保存为.htm文件以后运行才能看到效果<p>或着刷新一下本页及可看到<p>这是由于本空白窗口的数据流不能动态刷新的缘故
</BODY>
</HTML>
v:line父元素的padding会影响from及to的坐标。
分享到：
相关推荐
在HTML中，`<table>`元素是用于创建表格的关键组件，它在网页布局和数据展示中扮演着重要角色。在某些场景下，我们可能需要在表格的单元格(`<td>`)内添加斜线，以达到特殊的视觉效果或区分不同的信息。例如，在描述...
在网页设计中，创建带有斜线的表格表头可以增加信息层次感，使得数据更易于理解。本示例探讨如何使用JavaScript（js）来实现这一功能。JavaScript是一种强大的客户端脚本语言，它允许我们在用户的浏览器上动态地创建...
在网页设计中，有时我们需要创建具有特殊布局的表格，例如带有分区的单元格，其中包含斜线以指示不同信息的分隔。这种效果通常用于表示时间表、日程表或者流程图等，通过CSS我们可以灵活地实现这些设计。 首先，让...
"js斜式画中画切换"这个描述可能指的是一个特定的图片切换效果，即图片在切换时不是传统的水平或垂直滑动，而是沿着一定的斜线方向进行，同时可能还包含了画中画（Picture-in-Picture）的功能，即在一个小窗口内预览...
这样的设置有助于消除IE6中的显示差异，确保斜线效果在不同浏览器中都能正常显示。 此外，文档还提到了通过使用不同的颜色值，可以创造出多种多样的斜线效果。每一种颜色的搭配都可以形成独特的视觉效果，从而使得...
在网页设计中，table表格是展示数据的一种常见方式。有时候，为了增强视觉效果或清晰地表示数据关系，我们可能需要创建带有斜线的表头。本文将介绍五种实现table表格斜线表头效果的方法。 1. **使用背景图片**： ...
在本文中，我们将深入探讨如何使用CSS3的`clip`属性和相关技术来实现一种创新的文字斜线切割分裂...这个“CSS3文字斜线切割分裂动画特效”就是其中一个很好的实践案例，它展示了CSS3在网页动态效果设计中的强大潜力。
通过这种方法，我们可以无需图像处理即可在网页上灵活地模拟出表格斜线效果，既节约了资源也增加了页面的可维护性。这种技术可以在多种布局中使用，例如在表单、清单或其它需要线条交叉显示的场景。
在网页设计中，导航栏是页面布局的重要组成部分，它帮助用户快速访问网站的不同部分。而为了使导航栏更具视觉吸引力，设计师们常常会采用各种创意元素，如斜线来分隔各个链接。本文将深入探讨如何使用CSS伪元素来...
在本文中，我们将深入探讨基于AS3（ActionScript 3）开发的对角棋游戏，这是一种基于斜线获胜条件的棋盘游戏。首先，让我们理解AS3的基本概念，然后逐步解析游戏的实现细节。 ActionScript 3是Adobe Flash平台的...
例如，在一个网页中，百叶窗特效可以用来揭示文字或图片信息，创造一种逐渐展开故事的感觉。在应用程序中，它可以在切换视图时使用，为用户提供平滑且直观的过渡体验。 除了百叶窗特效之外，描述中还提到了"覆盖...
标题中的"jQuery全屏背景斜线分割图文内容滚动切换特效"揭示了这是一个使用jQuery实现的网页特效，主要特征包括全屏背景、斜线分割以及图文内容的滚动切换。接下来，我将详细介绍这些知识点。 首先，jQuery是一个...
### Dreamweaver网页设计考试...以上知识点全面覆盖了Dreamweaver网页设计考试中的关键概念和技术细节，从基础到进阶，旨在帮助考生深入理解Dreamweaver在网页设计中的应用，以及掌握相关的网页设计原则和技术要点。
VML教程，教你轻松在网页上画出圆形、斜线、箭头、矩形等等图形，并可以通过脚本控制其变换。
在这个案例中，我们需要创建一个关键帧动画来改变斜线的颜色和位置，从而产生移动的效果。 ```css @keyframes moving-stripes { 0% { background-position: 0 0; } 50% { background-position: 100px 100px; } ...
【斜线科技产品动态响应式网页模板】是一个专为科技产品设计的网页模板，具有高度的动态效果和自适应能力，适用于各种设备的浏览体验。响应式设计是现代网页开发的关键，它允许网页根据访问设备的屏幕尺寸自动调整...
在本文中，我们将深入探讨如何使用CSS3来创建动态的斜线条背景动画特效。这个特效是基于`keyframes`属性实现的，它允许我们在不同时间点定义元素的样式，从而创建出平滑的动画效果。此外，我们还将讨论如何利用颜色...
在本篇文章中，我们将深入探讨如何在ASPX页面中实现绘制直线的功能，特别是通过使用GDI+库中的Graphics类来完成这一目标。这段代码示例虽然简单，但却涵盖了使用Graphics类绘制直线的基本方法，这对于初学者来说是...
通过在这些伪元素上应用边框并适当定位，可以创建出复杂的箭头形状，如带有斜线的箭头或者带角度的箭头。同时，还可以利用transform属性进行旋转，以实现不同方向的箭头。 在描述中提到的CSS3箭头动画，这是通过CSS...
【jQuery全屏背景斜线分割图文内容滚动切换特效】是一种常见的网页设计手法，它通过结合jQuery库和HTML、CSS、JavaScript技术，实现了一种动态视觉效果。这种特效将页面的背景设置为全屏，并在其中添加斜线进行分割...