本文介绍了如何利用HTML中的图像属性如src、width、height等创建图像翻转器效果，并探讨了翻转器的多种应用场景，例如购物网站的图像预览、鼠标悬停时显示图像名称等。
用到的html知识:
- src 包含图像的url
- width 图像所用的宽度(像素为单位)
- hight 图像所用的高度(像素为单位)
- alt 用来在非图形化浏览器中替代图像
- id 唯一标识符
翻转器注意:
- 确保图像都是不透明的
- 原图像和替换图像的尺寸应该相同
- tagName 总是返回大写的值
使用链接(文本,图像)触发翻转器,可以用作网页中的图像预览功能.
比如:购物网站中的导航中的图像预览,
使用多个对象(图像)触发一个翻转器,例子是使用当鼠标划过 达芬奇的发明的图片时,显示发明的物体的名字.
处理多个翻转器
当鼠标划过一个图像时,会触发两个翻转图像,怎么实现哪?
这有什么用途哪?
当鼠标点击时,原图像本身切换为一个带阴影的图像,这会为用户提供视觉反馈.
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
