css滑动鼠标到img后,切换图片
来源:互联网 发布:12315可以投诉淘宝小二 编辑:程序博客网 时间:2024/05/21 22:28
写了个例子: <a href="#"><img src="http://csdnimg.cn/pubfooter/images/gongshang_logos.gif" border="0" onMouseOver="this.src='http://www.baidu.com/img/baidu_jgylogo3.gif?v=07491728.gif'" onMouseOut="this.src='http://img.baidu.com/img/logo-zhidao.gif'" /></a>
在动态代码中的写法:
<img src="images/red'+i+'s.png" style="width:20px;height:29px;" onMouseOver="this.src=\'images/blue'+i+'s.png\'"; onMouseOut="this.src=\'images/red'+i+'s.png\';">
实现效果
初始状态:
鼠标滑动上:
鼠标移开:
0 0
- css滑动鼠标到img后,切换图片
- CSS鼠标经过图片切换
- HTML+CSS基础 img标签title属性 鼠标移动到图片上时显示文字
- css 鼠标移动到按钮图片改变
- div+css 带缩略图鼠标滑过切换图片
- 鼠标滑过图片切换函数(简化版)鼠标滑动效果
- CSS 鼠标移动切换
- CSS实现鼠标移动到图片,更换图片
- CSS实现鼠标移动到图片,更换图片
- 图片滑动切换效果
- ImageSwitcher 滑动切换图片
- 左右滑动切换图片
- -jQuery图片九宫格样式鼠标悬停图片滑动切换效果
- 鼠标焦点切换图片
- 鼠标经过切换图片
- DIV CSS图片_CSS img
- CSS实现鼠标移动到图片上图片变大
- html img 鼠标移动 修改图片
- 移动互联网创业交流
- python 时间戳处理
- 临时文档8--好恶心的代码
- 《数据结构与算法JavaScript描述》
- Finding the longest Increasing subsequence
- css滑动鼠标到img后,切换图片
- SYN和RST 学习
- java泛型学习
- js中的异常处理try...catch使用介绍
- nginx安装
- opencv 高斯滤波,通用形态学
- Java-Jdbc,JDBC连接Oracle11g实例:
- Cookie/Session机制详解
- Gabor变换