CSS动态改变样式的例子

时间：2021-04-16

　　我们使用"class"类属性来改变文档的样式。

　　这个例子的代码是这样的：

　　<html>
　　<head>
　　<title>change style</title>
　　<style>
　　<!--
　　.bigchange{color:blue;font-weight:bolder;font-size:225%;
　　letter-spacing:4px;background:yellow;}
　　//
　　.start{color:yellow;background:navy;}
　　//
　　 -->
　　</style>
　　</head>
　　<body>
　　<h1>动态改变样式</h1>
　　<p>请把鼠标移到蓝色背景的文字下面。</p>
　　<p>我们使用"class"类属性来改变文档的样式。
　　<span onmouseover="this.className='bigchange'"
　　onmouseout="this.classname='start'" class="start"
　　　　　　　　style="cursor:hand">
　　放大这段文本。 </span> </p> </body>
　　//
　　</html>

　　这个例子很简单，容易理解。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章