些好用的html线条脚本 [转]2009-11-14 18:00其中 width 规定线条的长度,还可以是百分比;color 是颜色,size 当然就是厚度了。 align 规定线条位置,left、right、center。 noshade 是否有立体效果 <*HR align=center width=300 color=#00ffff noShade SIZE=1*>
两头渐变透明:
<*hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=3)"*>
右边渐变透明:
<*hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=1)"*>
画虚线:
<*hr width=80% size=1 color=#00ffff style="border:1 dashed #00ffff"*>
画双线:
<*hr width=80% size=3 color=#00ffff style="border:3 double green"*>
立体效果:
<*hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"*>
钢针效果:
<*hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)"*>
纺棰形:
<*hr width=80% size=30 color=#00ffff style="filter:alpha(opacity=100,finishopacity=0,style=2)"*>
==================================
横线
<table width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td height="1"></td>
</tr>
</table>
width="100"是宽度为100像素,height="1"是高度为1像素
坚线
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td width="1" height="100"></td>
</tr>
</table>
width="1"是宽度为1像素,height="100"是高度为100像素
横线:
<hr width=100 height=1>
竖线:
<hr width=1 height=100>
这样应该就可以了吧。
分享到:
相关推荐
JavaScript,作为一种强大的脚本语言,为HTML和CSS提供了交互性和动态性。在这个特效中,JavaScript可能用来控制线条的动态变化,比如改变线条的位置、速度、方向或者颜色。JavaScript库如jQuery或更现代的框架如...
6. `js` 文件夹:包含JavaScript源码,可能有TweenMax库、jQuery库,以及实现波浪线条动画逻辑的自定义脚本。 要使用这个插件,开发者需要在HTML文档中引入必要的库,如jQuery和TweenMax,并根据`index.html`的示例...
JavaScript是实现这个特效的关键,它是Web开发中的脚本语言,可以与HTML和CSS紧密配合,为网页提供交互性。在这项特效中,JavaScript负责计算线条的运动轨迹、速度和方向,以及它们之间的交互。可能使用到的技巧包括...
这款“html5 canvas线条发散时光穿梭动画特效”充分利用了Canvas API,为用户带来了一种速度感强烈的时空穿越体验。 首先,让我们了解Canvas的基本结构。在HTML中,我们通过`<canvas>`标签来创建一个画布,然后通过...
它可能包含一个`<canvas>`元素,以及其他必要的HTML结构,如样式表链接(`<link rel="stylesheet" href="...">`)和脚本引用(`<script src="jiaoben6678"></script>`),以将JavaScript代码与HTML页面正确关联。...
在本项目"HTML+CSS+JS实现发光的线条爱心形状动画特效.zip"中,我们将探讨如何使用这三种前端核心技术——HTML、CSS和JavaScript,来创建一个动态的、发光的线条爱心形状。以下是对这些技术及其在该项目中应用的详细...
这个压缩包"HTML悦动线条(追光者♂).zip"包含了实现这种特效的相关文件,主要是一个名为"HTML悦动线条(追光者♂).html"的HTML文件。我们将探讨HTML、CSS和JavaScript在这其中扮演的角色,以及如何通过它们来创建...
JavaScript是一种广泛使用的客户端脚本语言,它能够与HTML和CSS紧密协作,为网页添加动态功能。在这种情况下,JS库或插件通过操纵SVG元素的属性,如路径数据、填充色、描边速度等,来实现线条的动态绘制和动画效果。...
在这个“html5 canvas全屏变色波浪线条动画特效”项目中,我们可以深入探讨Canvas的基本使用、波浪线条的生成算法以及颜色变化的实现方法。 首先,`index.html`是项目的主页面,它包含了HTML结构和引用外部...
HTML线条雨落特效是一种在网页上创建动态视觉效果的技术,常用于增强网页的交互性和艺术感。这个"Html——线条雨落(追光者).zip"文件包含了一个实现这种特效的HTML页面示例。接下来,我们将深入探讨相关知识点。 ...
"简洁棕色线条响应式html5模板5598"是一个专门设计的网页模板,其核心特征在于其简洁的设计风格和棕色线条元素,这些元素不仅赋予了网站一种专业而温馨的视觉感受,还通过响应式设计确保了在不同设备上的适应性。...
2. JavaScript编程:编写控制线条动画的脚本,包括定时器(如`requestAnimationFrame`)用于平滑动画效果。 3. 图像处理:理解如何将图像数据分解为线条路径,以便在Canvas上逐条绘制。 4. 动画原理:了解如何通过...
这个压缩包文件"HTML5流动网状线条动画特效.zip"包含了实现这种动态线条动画所需的所有资源,包括HTML文件、CSS样式表和可能的JavaScript脚本。 HTML5是现代网页开发的标准,它引入了许多新的元素、属性和API,使得...
描述中的“非常简洁的图片展示HTML模板_灰色 图片 线条 HTML 英文 展示 简单 整站.rar”暗示了这是一个完整的网站模板,包含了所有必要的HTML文件和其他资源,如CSS样式表、JavaScript脚本,可能还包括图片和其他...
JavaScript是Web开发中的脚本语言,它与HTML5结合使用,可以创建丰富的交互性。在这个特效中,JavaScript可能被用来控制线条的生成、移动、颜色变换等动画效果。具体来说,开发者可能会使用定时器(如`setInterval`...
HTML5 SVG线条背景动画插件,如"ckLine.js",是现代网页设计中的一个重要工具,它利用HTML5的SVG(Scalable Vector Graphics)技术和JavaScript来创建动态、吸引人的视觉效果。SVG是一种基于XML的矢量图像格式,这...
该压缩包文件包含一个名为"灰色纹理背影极简线条html5模板_灰色 纹理 线条 极简 简洁 html5_html网站模板_网页源码移动端前端_H"的HTML5网站模板,它是一个适用于移动端前端开发的设计资源。这个模板设计风格以灰色...
开发者可以通过canvas的drawLine、fillRect等方法绘制线条、矩形等基本形状,构建出曲线图的基础框架。 JavaScript,作为Web开发的主要脚本语言,负责处理用户交互、数据处理和动画效果。在股票曲线图中,...
7. **主文件**:“红色简洁线条商业网站模板_红色 纯色 线条 商务 简洁 企业 公司 html”可能是模板的主要代码文件,包含了HTML结构、CSS样式和可能的JavaScript脚本。用户可能需要将这个文件上传到服务器或者通过...