Dhtml网页实例教程（6）
来源：动态WEB脚本技术论坛 发布时间：2007-10-09 13:39:00
标签：html,dhtml,教程
Dhtml实例教程（六）
例8 对列表进行动态变换
<html>
<head>
<title>DHtml举例8</title>
<style>
body {font-family:"宋体";font-size:9pt}
.first {color:gray;text-decoration:none}
.later {cursor:hand;color:blue;text-decoration:underline}
</style>
<script language="JavaScript">
function change_text(){
if(window.event.srcElement.className=="first"){
window.event.srcElement.className="later";
}
else
{
window.event.srcElement.className="first";
}
}
document.onmouseover=change_text;
document.onmouseout=change_text;
</script>
</head>
<body>
<br>
<ul>
<li class=first> 动态Html(DHtml)
<li class=first> JavaScript
<li class=first> VBScript
<li class=first> 动态服务器页面(ASP)
<li class=first> FrontPage98
<li class=first> InternetExplorer
<li class=first> SQL Server
</ul>
</body>
</html>
本例中的特别之处在于蓝色字部分。CSS样式单首先定义了<body></body>标志对的样式（body {font-family:"宋体";font-size:9pt}），然后定义了另外两个样式类“first”和“later”，first类中的文本修饰是none，既没有修饰，而later的文本修饰是underline，及下加一条直线，并且，later类中还出现了cursor属性，其值为hand，即是网页中鼠标移到超级链结是出现的小手。除了小手外，cursor还可以取其它的值：default、hand、move、crosshair、text、wait、help、nw-resize、n-resize、se-resize、sw-resize、s-resize、w-resize、e-resize和ne-resize等。
注意到语句 document.onmouseover=change_text;和document.onmouseout=change_text;只就是我们解决上边提到的问题的关键语句，它们代替了Html文档中所有的onmouseover和onmouseout事件。
您大可以自己设计出更好看、更动感的DHtml来，不怕做不到，就怕想不到。
0
投稿猜你喜欢
旧版本的代码请见上一篇博文： Python实现带图形界面的炸金花游戏本文尝试在旧版本的基础上，“升级&- 根据当前时间戳获得整小时时间戳unit = 3600start_time = int(time.time())/3600 * 3600根据当
- 本文实例讲述了Python使用matplotlib实现在坐标系中画一个矩形的方法。分享给大家供大家参考。具体实现方法如下：import ma
- 最近经常有收到MySQL实例类似内存不足的报警信息，登陆到服务器上一看发现MySQL 吃掉了99％的内存，God ！有时候没有及时处理，内核
- 一、题目内容给定一个非负整数 num。对于 0 ≤ i ≤ num 范围中的每个数字 i ，计算其二进制数中的
- 前言这篇文章主要介绍了Go语言使用swagger生成接口文档的方法，希望能够对大家的学习或工作具有一定的帮助,需要的朋友可以参考下。在前后端
- windows 下安装mysql，供大家参考，具体内容如下1.先下载好 mysql5.7 版本的安装包，可以去官网自己下载2.下载后双击安装
- 很棒的新闻发布系统分享给大家，希望大家喜欢。下面就让我们来说一说基于jsp的新闻发布系统，其中使用的技术有JavaBean、fillter、
- 1、打开mysql.exe(MySQL Command Line Client)，输入密码2、输入：use mysql;3、查询host输入
- vue + iview 实现一个手机分段的提示框，知识点还没总结，供大家参考，具体内容如下<template> &l
- 一、python银行管理系统二、分析部分三、代码部分import randomclass bankUser: #
- 简单的合并，本例是横向合并，纵向合并可以自行调整。import xlrd import xlwtimport shutil from xlu
- 1、环境1、python 3.72、pyinstaller2、下载方式:2.1 python安装（略）2.2 安装pyinstaller打开
- 函数签名对象，表示调用函数的方式，即定义了函数的输入和输出。在Python中，可以使用标准库inspect的一些方法或类，来操作或创建函数签
- 本文实例讲述了python实现希尔排序算法的方法。分享给大家供大家参考。具体如下：def shellSort(items): i
- 环境:RHEL 5.4 x86 , oracle 11.2 1.设定环境变量 在/home/oracle编辑 # .bash_profile
- 不正确地调用Windows应用程序接口可能会产生一些意想不到的副作用，以及潜在地对一个应用程序的代码及数据段的破坏。正确地使用一个空的32位
- 一. 建库,建表,加约束. 1.1建库 代码如下:use master go if exists (select * from sysdat
- new 和 make 是 Go 语言中用于内存分配的原语。简单来说，new 只分配内存，make 用于初始化 slice、map 和 cha
- 本文实例为大家分享了pyqt实现右下角弹出框的具体代码，供大家参考，具体内容如下构造函数中：self.desktop=QDesktopWid
