javascript 实现图片幻灯片闪烁

用js写了一个比较简单常用的图片幻灯片

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<img id="img1" src="QQad3.png">
</body>
<script type="text/javascript">
var char = ["QQad0.png","QQad1.png","QQad2.png"];
var i = 0;
var t;
var im = document.getElementById("img1");
function changeImage()
{if (i >= char.length) {i = 0;}  //console.info(char[i]);//console.info(im);im.src = char[i];console.info("im:"+im.src);i++;t = setTimeout(changeImage,1000);
}</script>
<script type="text/javascript">
window.onload = changeImage();
</script>
</html>

javascript 实现图片幻灯片闪烁相关推荐

【web前端】JavaScript实现图片幻灯片滚动播放动画效果
JavaScript实现图片幻灯片滚动播放动画效果 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.co ...
JavaScript图片幻灯片显示效果
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
各大门户网站Flash和JS实现的图片幻灯片切换特效代码文件下载:
最近看到各大门户站都有一个幻灯片特效,而且不是简单的JS特效,是FLASH和JS结合而成的觉得非常不错,今天在IT世界的原代码中查看了一下,特此发布!希望大家喜欢!有什么问题可以与我研究!<a ...
JS实现图片幻灯片效果
代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> &l ...
jQuery图片切换,图片幻灯片仿搜房网详情页图片相册切换
jQuery图片切换,图片幻灯片仿搜房网详情页图片相册切换 1.可左右切换 2.可点击缩略图显示大图 3.缩略图多张滚动效果直接贴代码 <div class="mod18" ...
10个用jQuery实现图片幻灯片/画廊效果和源码
jQuery作为一个应用最广泛的JavaScript框架之一,第三方开发者不断地为其开发出新的 jQuery 插件应用,从而使得jQuery可以帮助用户实现各种各样不同寻常的 Web 效果,作为最常使 ...
html实现图片加载动画效果,HTML5+javascript实现图片加载进度动画效果
在网上找资料的时候,看到网上有图片加载进度的效果,手痒就自己也写了一个. 图片加载完后,隐藏loading效果. 想看加载效果,请ctrel+F5强制刷新或者清理缓存. 效果预览: 0% 代码如下: ...
JavaScript导出图片和数据到Excel
JavaScript导出图片和数据到Excel 以下方法可以利用json数据将图片地址生成图片导出到Excel,同样也可以将数据导出到Excel.解决网上许多方法关于导出图片到Excel却无法让图片在 ...
JavaScript实现图片旋转构成3D圆环代码
代码简介: 很炫的图片展示特效,由一组图片构成一个3D的圆环状,并自动旋转,鼠标放到某一图片上会自动停止,JavaScript 的功能真够强大,你是不是后悔没有学好JS呢? 代码内容: View Co ...

javascript 实现图片幻灯片闪烁

javascript 实现图片幻灯片闪烁相关推荐

最新文章

热门文章