本文介绍了文本属性控制使用CSS动态主题,使用CSS属性值的特点,可以动态改变,各种属性定义文本的值,然后一个事件被触发,一旦发生突发事件,然后改变文本的属性值,从而达到预期的目标。

使用CSS,您可以动态地更改文本的属性,以便动态地生成页面、减少、更改文本的颜色、更改背景、间距、间距和其他特殊效果的网页。一切都掌握在你手中,有点神秘吗事实是,这一定很复杂,不是吗NoAfter读这篇文章,你会发现它是如此的简单。
请看下面的例子:

1。动态更改文本大小
这个例子的效果是:一个文本,当鼠标在文本上时,文本变大,鼠标离开时返回。
制作方法:
1、在dreamweaver3,我们使用CSS面板定义两个CSS类,一个叫style1,和其他被称为大(18px)。另一种是方式2,它被定义为小号字(12px),CSS代码如下:

<!——
。style1 {字体大小:18px }
字体大小:12px。方式2 { }
-->

不使用Dreamweaver的用户可以直接在Web代码页之间复制上面的代码。
2、添加此代码在这个文本的标记:onmouseover =这方法= ''style1onmouseout=这个类名= ''style2'。在这一点上,即完成和产生的效果是这样的文本的源代码:
在这篇文章中,文本变大了,鼠标离开时变小了。
如果您不使用Dreamweaver,只需将代码更改为它,您就可以在预览中看到实际效果。

两。同时,动态地改变文本的大小、颜色和增厚。
这个例子的效果是:鼠标在文本中,文字的大小,颜色的变化和增厚,鼠标返回原来的样本。
使这个示例的方法与示例相同,但只在不同文本属性的CSS定义中有所不同,因此生产方法不再重复:

<!——
。style1 {字体:大胆16px;颜色:# 0000ff }
。方式2 {字体大小:12px;颜色:# 00ff00 }
-->

可以产生效果的文本的源代码已经完成。
鼠标在这篇文章中,改变文字的大小,颜色,增厚,鼠标返回到原来的样本。

三。动态更改某些文本的背景
这个示例的效果是,当鼠标移动到一行文本时,该行的一部分的背景被改变,而该行的另一部分不变。
这个例子与上面的生产方式变化不大的例子,上面的例子是改变整个文本属性,所以装上标签的触发事件;在这种情况下,在背景颜色的文本部分的变化,所以应该用跨来马克改变括号中的背景文字的第一,然后触发事件被加载到跨标志。
在这个例子中添加的CSS代码是:

<!——
背景:# 99ccff。style1 { }
背景:# ffffff。方式2 { }
-->

可以产生效果的文本的源代码已经完成。
当鼠标移动到文本时,背景发生变化,线条的其他背景不变。

四。动态将图标添加到超链接
这个例子的效果是,当鼠标移动到超链接时,图像出现在鼠标左侧,鼠标移动,图像消失。
在这种情况下,制作方法与前面的例子相同,改变文本背景,但在制作时要注意几点:
1,在设置CSS背景时选择图像的背景,并在设置图像背景的重复参数时选择不重复(不平坦)。
2,当设置超链接时,图像的位置应该保留在左边。
3,触发事件被加载在超链接上。
在这个例子中添加的CSS代码是:

<!——
。style1 { background: url(图像/点。GIF)没有重复;}
背景:# ffffff。方式2 { }
-->

可以产生效果的超链接的源代码已经完成。
把鼠标移过去

通过动态改变文本的CSS属性,您也可以产生许多特殊效果,但这些方法基本上是相同的,不再列举,您可以通过掌握方法创建您的想象力。