Dhtml网页实例教程（2）
来源：动态WEB脚本技术论坛 发布时间：2007-10-09 13:39:00
Dhtml实例教程（二）
例3 使用鼠标触发事件和动态样式表改变文本
<html>
<head>
<title>DHtml举例3</title>
</head>
<body>
<h2 onmouseover="this.style.textDecoration=’underline’" onmouseout="this.style.textDecoration=’underline’" style="font-size:12;text-align:center">请将鼠标移到上面！</h3>
<br>
<h3 align="center" onmouseover="this.style.color=’red’" onmouseout="this.style.color=’green’">我是变色龙！</h3>
</body>
</html>
在这个例子中,当您把光标放在文字上时,onmouseover事件将被触发，于是执行其后的style定义，此时文字下加了一条直线（this.style.textDecoration='underline'的作用），this用来指代当前的对象，即 标志对。当您把光标移开文字时onmouseout事件被触发，此时文字下的直线消失了（this.style.textDecoration='underline'的作用），这样网页就有了动态的效果。同理，我们可以通过触发鼠标事件来改变文本的颜色，如上例中的第二行黑体字所示。
再次提醒读者，在使用样式单的时候一定要注意格式。比如，在< style>< /style>标志对中进行样式单定义时应使用text-decoration:underline，而不是用textDecoration='underline'来修饰文本，后者是用于事件触发中的（如onmouseover或onmouseout事件）。许多CSS属性的名字中都有连字符(像text-decoration)，但是连字符在许多脚本语言（如JavaScript）中是不合法的标识符，因此，在HTML或样式表中指明CSS属性的时候用连字符命名方式，但在作为一个脚本属性时，就必须去掉连字符，并将它后面的第一个字母大写。
例如： text-decoration变为textDecoration、background-color变成backgroundColor、margin-top变成marginTop。
您可能想用鼠标点击文本来改变其的颜色，要做到这一点很简单，只要在onclick事件中定义样式即可，onclick的用法与onmouseover、onmouseout相似。请看明天连载三的例子。
0
投稿猜你喜欢
Python是一个非常实用、流行的解释型编程语言，其优势之一就是可以借助其交互的shell进行探索式地编程。你可以试着输入一些代码，然后马上- SQL2005 Express 没了「企业管理器」和「查询分析器」 SQL2005 分五个版本，如下所列： 1.Enterprise(企业版
- 上次学会了爬取图片，这次就想着试试爬取商家的联系电话，当然，这里纯属个人技术学习，爬取过后及时删除，不得用于其它违法用途，一切后果自负。首先
- /* --注意：准备数据（可略过，非常耗时） CREATE TABLE CHECK1_T1 ( ID INT, C1 CHAR(8000)
- 本文实例讲述了js实现黑色简易的滑动门网页tab选项卡效果。分享给大家供大家参考。具体如下：这是一款js实现的黑色风格网页滑动门菜单，虽然简
- 格式良好的SQL并不会比乱七八糟的SQL运行效果更好。数据库其实不怎么关心SQL语句中你把逗号放到了字段名的前面还是后面。为了你自己思路清楚
- 本文为大家分享了MySQL免安装版（zip）安装配置教程，供大家参考，具体内容如下1.MySQL官网下载2.将下载的解压到D:\mysql-
- 一、前言该测试功能是Linux产测软件的一个子功能，主要涉及：140行代码PySide2的Event、信号和槽、QLabel，QWidget
- 一、意义：当我们使用一个数据库时，总希望数据库的内容是可靠的、正确的，但由于计算机系统的故障(硬件故障、网络故障、进程故障和系统故障)影响数
- 废话真的一句也不想多说，直接看代码吧！# -*- coding: utf-8 -*- import numpy from sklearn i
- 实现的思路：将准备好的图片通过opencv读取出来，并将其设置好帧数等参数后合成为无声视频。最后通过moviepy编辑视频将背景音乐加入到视
- 在我之前解释了flask如何支持多线程主要通过两个类来实现,LocalStack和Local,在Local中有两个属性,__storage_
- 引言在学习mysql时，我们经常会使用explain来查看sql查询的索引等优化手段的使用情况。在使用explain时，我们可以观察到，ex
- 简介进行按钮进行界面的跳转，我这里面我介绍两种，一种是没有使用Qtdesigner的代码，另一种是使用Qtdesigner的代码代码1imp
- 一、1、图形显示图素法像素法图素法---矢量图：以图形对象为基本元素组成的图形，如矩形、 圆形像素法---标量图：以像素点为基本单位形成图形
- 目录前言yarn create 做了什么源码解析项目依赖模版配置工具函数copycopyDiremptyDir核心函数命令行交互并创建文件夹
- 前言在之前实现的 JSON 解析器中当时只实现了将一个 JSON 字符串转换为一个 JSONObject，并没
- 1：定义存储过程，用于分隔字符串DELIMITER $$USE `mess`$$DROP PROCEDURE IF EXISTS `spli
- 可以让我们将数据用表格的方式展示出来安装方式pip install PrettyTable测试是否安装成功使用方法与对比增加一条数据先简单的
- 最近组内一些Go服务碰到内存相关的问题，所以今天抽时间看了下Go pprof内存指标的含义，为后续查问题做准备。内容主要来自于Go代码中对这
