首页 > 开发 > CSS > 正文

CSS标准系列用CSS制作“鼠标经过图像”

2024-07-11 08:20:20

字体：大中小

来源：转载

供稿：网友

　　
　　以前我们用表格来布局网页时，我们都很喜欢用DW（Dreamweav）中的“鼠标经过图像”，因为那的确吸引人！但是我们也同样发现这样的一个问题：当网速不太快的时候，鼠标经过后的图片还没有下载下来，看上去很不美观。并且还需要一大堆的JS代码，还需要预载经过图片。相对来说比较麻烦！非凡是对那些现在记事本来手工编写网页的朋友更是烦得很。

　　事实上用CSS就可以解决这个问题，并且非常的简单，下载快，不会出现鼠标经过后的图片还没有下载下来这种情况。这个做法的原理很简单：就是用<a>标签的a:hover来触发鼠标事件，然后通过CSS来变化其背景的上下左右的位置。下面就主要分析一下用CSS来制作“鼠标经过图像”。

XHTML代码:

示例代码 [www.CuoXIn.com]

上一篇：Div CSS网页布局、web标准应用容易出现的问题汇总

下一篇：CSS标准系列解决背景不能延伸的问题

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注