鼠标放上去图片切换效果
2015-08-18 00:22
489 查看
鼠标放上去图片切换效果
需要在页面中添加以下JS代码:
<script language="javascript">
function changeImg(obImg,sNewURL)
{
if(sNewURL!="") obImg.src=sNewURL;
}
</script>
将需要切换图片的标签代码按照以下示例编写,将以下代码的"图片地址"更换为自己所要切换的图片就可以了。
<img style="cursor:hand;" src="图片地址" border="0" width="50" height="30" onmouseover="changeImg(this,'图片地址');" onmouseout="changeImg(this,'图片地址');">
是不是很简单?
需要在页面中添加以下JS代码:
<script language="javascript">
function changeImg(obImg,sNewURL)
{
if(sNewURL!="") obImg.src=sNewURL;
}
</script>
将需要切换图片的标签代码按照以下示例编写,将以下代码的"图片地址"更换为自己所要切换的图片就可以了。
<img style="cursor:hand;" src="图片地址" border="0" width="50" height="30" onmouseover="changeImg(this,'图片地址');" onmouseout="changeImg(this,'图片地址');">
是不是很简单?
相关文章推荐
- java的后台任务调度@Schedule和@Async
- 操作系统的启动过程分析(以Linux系统为例)
- Oracle Coherence中文教程十:调整TCMP行为
- Leetcode: Course Schedule
- MYSQL explain详解
- POJ - 3728 The merchant(dp+LCA)
- 【Powershell】【Add-member】创建powershell对象
- .net基础概念
- 纯UILabel实现文字的竖排显示 记录
- Socket编程(TCP/UDP) - 初学(C语言)
- 如何解决 openvz 使用 sysctl 报错
- Oracle Coherence中文教程九:动态管理群集成员
- [toj4111] Binomial efficient
- Oracle Coherence中文教程八:启动和停止群集成员
- MVC不仅仅是设计模式
- jQuery中的append()和prepend(),after()和before()的区别
- Class.getResource与Class.getClassLoader.getResource归纳整理
- wpf 对一个集合操作的时候,怎么保留单张的信息
- Oracle Coherence中文教程六:Coherence集群简介
- java语言实现jsp页面验证码