【温故而知新-Javascript】图片效果（图像震动效果、闪烁效果、自动切换图像）...

1.当鼠标指针经过图像时图像震动效果

View Code

2.图片闪烁效果

View Code

3.自动切换图像

<!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><script type="application/javascript">
var imgs = new Array
(
"http://images.cnblogs.com/cnblogs_com/yc-755909659/559257/o_ycimg003.jpg",
"http://images.cnblogs.com/cnblogs_com/yc-755909659/559257/o_ycimg004.gif",
"http://images.cnblogs.com/cnblogs_com/yc-755909659/559257/o_%e6%9a%82%e6%97%a0%e5%9b%be%e7%89%87.gif"
)
var nums =0;
setInterval("fort()",1000);
function fort()
{iimg.src = imgs[nums];    nums++;if(nums==3)nums=0;
}
</script>
</head><body>
<div><img id="iimg" src="http://images.cnblogs.com/cnblogs_com/yc-755909659/559257/o_ycimg003.jpg" height="160" width="160" /></div>
</body>
</html>

本文转自叶超Luka博客园博客，原文链接：http://www.cnblogs.com/yc-755909659/p/4062775.html，如需转载请自行联系原作者

【温故而知新-Javascript】图片效果（图像震动效果、闪烁效果、自动切换图像）...相关推荐

html图片自动切换的幻灯片效果的,jQuery实现可自动切换的幻灯片效果插件代码...
jQuery实现可自动切换的幻灯片效果插件代码 1. 用户快速划过按钮时不触发鼠标事件; 2. 鼠标划入当前图片按钮时不闪烁; 3. 简化并优化代码. 使用方法就不详述了, 请参见源码及相关注释 $. ...
ios 自定义键盘的按键音效和震动效果
问题:有一些应用有这样的需求,自定义键盘按键时增加字符放大效果和音效.震动效果,仿系统键盘: 说明:按键的放大效果,比较简单,这里不做说明,读者可以自己去完成:这里主要介绍下增加按键音效和震动效果: ...
Flash 特效原理：震动效果
今天无聊中在百度看到一种效果叫震动效果.它可以应用在按钮上,也可以在窗口上.就好像QQ那样震动.于是根据他们的想法,随手写了一个简单实现效果. 基本的办法,就是想办法改变他们X和Y坐标,让其进行变化. ...
JavaScript 图片上传预览效果
图片上传预览是一种在图片上传之前对图片进行本地预览的技术. 使用户选择图片后能立即查看图片,而不需上传服务器,提高用户体验. 但随着浏览器安全性的提高,要实现图片上传预览也越来越困难. 不过群众的智慧 ...
教你用JavaScript制作背景图像滚动效果
案例介绍欢迎来到我的小院,我是霍大侠,恭喜你今天又要进步一点点了! 我们来用JavaScript编程实战案例,做一个背景图像滚动效果.滚动鼠标背景图像缩小,下方滑动出现文字.通过实战我们将学会obj ...
使用Javascript的跨浏览器支持的图像偏斜效果
Image shaking effect with javascript. Today's lesson quite entertaining, we'll learn how to construc ...
JavaScript 图片滑动切换效果
序一(08/07/06) 看到alibaba的一个图片切换效果,感觉不错,想拿来用用.但代码一大堆的,看着昏,还是自己来吧. 由于有了做图片滑动展示效果的经验,做这个就容易得多了. 序二(09/03/ ...
php图片滑动的属性,JavaScript_javascript图片滑动效果实现，本文为大家分享了javascript图片 - phpStudy...
javascript图片滑动效果实现本文为大家分享了javascript图片滑动效果实现方法,具体内容如下,先看一下效果图: 鼠标滑过那张图,显示完整的哪张图,移除则复位: 简单的CSS加JS操作D ...
JavaScript 图片切割效果（带拖放、缩放效果）
JavaScript 图片切割效果(带拖放.缩放效果) 转载于:https://www.cnblogs.com/xiaoluozi513/archive/2008/11/14/1333882.html

【温故而知新-Javascript】图片效果（图像震动效果、闪烁效果、自动切换图像）...

【温故而知新-Javascript】图片效果（图像震动效果、闪烁效果、自动切换图像）...相关推荐

最新文章

热门文章