html悬停（hover）

作者: 分类: 编程代码时间:1970-01-01

html悬停（hover）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
a img
{
border:none;
}
span{/*span是行内元素；div是块级元素；他们都是容器！决定了大图的显示*/
   display:none;
   position:relative;
   }
a:hover span{/*（:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。）*/
   display:block;
   }
.img2{/*鼠标悬停时大图在left和top的位置显示*/
   position:absolute;
   left:35px;/*大图以小图为参照的显示位置*/
   top:-50px;
   width:330px;/*悬停后的大图，大小！*/
   height:430px;
   }
</style>
</head>
<body>
<a href="#"><img src="image/右.jpg"alt="" width="176" height="210" /><span><img class="img2" src="image/右.jpg" alt="" /></span></a>
</body>
</html>

上一篇：笔记：javascript操作iframe内的DOM元素，及调用iframe内的方法下一篇：html文本溢出

=

Node.js 全局变量: 　　　　Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，可以让 JavaScript 在服务器端运行。它采用事件驱动、非阻塞 I/O 模型，使得轻量高效的网络应用程序成为可能...... ...
Node.js 全局代理设置: 　　　　Node.js 全局代理设置Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，它可以使 JavaScript 代码在服务器端运行。在使用 Node.js 进行网络请求时，我们经常需...... ...
Node.js 依赖列表中的“^”是什么意思: 　　　　在 Node.js 的依赖列表中，我们常常会看到一些模块版本号前面带有一个符号“^”。那么这个符号代表着什么意思呢？这个符号是用来指定模块的版本范围的。当我们在安装一个模...... ...
Node.js 使用哪个 websocket 库 [关闭]: 　　　　Node.js 使用的主要 WebSocket 库是 `ws`。它是一个简单且高性能的库，允许在 Node.js 中创建 WebSocket 服务器和客户端。WebSocket 是一种实时通信协议，可以在客户端和服...... ...
IEnumerableT VS IListT VS IQueryableT: 　　　　IEnumerable VS IList VS IQueryable在.NET开发中，我们经常会遇到需要处理集合类型的情况。在处理集合类型时，我们有多种选择，包括使用IEnumerable、IList和IQueryable等...... ...
IEnumerablestring 到 SelectList，没有选择任何值: 　　　　将 IEnumerable<string> 转换为 SelectList在开发过程中，我们经常需要将数据从一个类型转换为另一个类型。在某些情况下，我们可能需要将 IEnumerable<string>...... ...
IEnumerable 流式传输: 　　　　流式传输：提高效率的数据处理方式在软件开发中，处理大量数据是一个常见的需求。而传统的处理方式往往需要一次性加载所有数据到内存中，这对于内存有限的设备来说可能是一...... ...
IEnumerable Group 由用户指定的动态键列表: 　　　　一篇关于根据用户指定的动态键列表对IEnumerable进行分组的文章。动态分组：根据用户指定的键列表对IEnumerable进行分组在处理数据时，经常需要对一组数据进行分类和分组。...... ...
Gridview ItemTemplate 中多个 Eval 字段的最佳技术: 　　　　在 ASP.NET Web Forms 中，我们经常使用 GridView 控件来展示数据。Gridview ItemTemplate 是 GridView 控件中的一个属性，它允许我们自定义每个单元格的显示内容。有时，我...... ...
GridView - 在空数据源上显示标题: 　　　　使用GridView控件可以在空数据源上显示标题。GridView是一种常用的网格布局控件，用于在Web页面或应用程序中以表格形式展示数据。当数据源为空时，我们可以使用GridView的E...... ...
GridView 'GridView1' 触发了未处理的 PageIndexChanging 事件: 　　　　GridView 控件的 PageIndexChanging 事件GridView 控件是 ASP.NET 中常用的数据呈现控件之一，它能够以表格形式展示数据，并提供分页功能。在使用 GridView 控件时，我们经...... ...
GraphQL.NET：如何将根查询分成多个部分: 　　　　GraphQL.NET：如何将根查询分成多个部分在使用GraphQL.NET构建API时，我们经常需要将根查询分成多个部分，以便更好地组织代码和处理不同类型的查询。本文将介绍如何使用Gra...... ...
Node.js 使用单独的 stdout 和 stderr 流交互地生成子进程: 　　　　使用Node.js可以方便地生成子进程，并通过单独的stdout和stderr流与子进程进行交互。这种交互的方式可以在很多场景中发挥作用，比如执行外部命令、调用其他语言的解释器或编...... ...
Node.js 使用 socket.io 进行 Restify: 　　　　Node.js 使用 socket.io 进行 Restify在 Web 开发领域，使用 Node.js 构建高性能的实时应用程序变得越来越流行。而 socket.io 是一个非常强大的实时通信库，可以在浏览器和...... ...
Node.js 使用 Mongoose 通过 SSH 隧道连接到 MongoDB: 　　　　Node.js 使用 Mongoose 通过 SSH 隧道连接到 MongoDB在Node.js环境中，使用Mongoose库来连接MongoDB数据库是一种常见的做法。然而，有时候我们需要在连接过程中通过SSH隧道...... ...