js简单图片切换
来源:互联网 发布:政府网络舆情监控 编辑:程序博客网 时间:2024/06/11 11:47
<style type="text/css">
img{
filter:RevealTrans(Duration=1,Transition=21);
border:0;
}
</style>
<script type="text/javascript">
var timeId;
var i=0;
function changePic()
{
var picarray=new Array("images/efe.jpg","images/fdf.jpg","images/fwerew.jpg","images/rwer.jpg","images/wrwe.jpg");
document.getElementById("pic").filters[0].apply();// 使用滤镜
i++;
if(i==picarray.length)
{
i=0;
}
}
function picStart()
{
timerId=window.setInterval("changePic()",3000);
}
/*function picEnd()
{
window.clearInterval(timerId);
img{
filter:RevealTrans(Duration=1,Transition=21);
border:0;
}
</style>
<script type="text/javascript">
var timeId;
var i=0;
function changePic()
{
var picarray=new Array("images/efe.jpg","images/fdf.jpg","images/fwerew.jpg","images/rwer.jpg","images/wrwe.jpg");
document.getElementById("pic").filters[0].apply();// 使用滤镜
document.getElementById("pic").src=picarray[i];
document.getElementById("pic").filters[0].Transition=i;//改变滤镜效果
i++;
if(i==picarray.length)
{
i=0;
}
}
function picStart()
{
timerId=window.setInterval("changePic()",3000);
}
/*function picEnd()
{
window.clearInterval(timerId);
}*/
<body onload="picStart()">
0 0
- js简单图片切换
- JS基础--简单图片切换
- js实现简单的图片切换
- js实现简单的图片切换
- js简单实现图片切换效果
- js简单实现类似图片切换效果
- 一段非常简单的让图片自动切换js代码
- JS 切换图片 (简单模式) 字体颜色,大小变化
- 一段非常简单的让图片自动切换js代码
- js最简单的图片切换效果实现
- 一段非常简单的让图片自动切换js代码
- js 图片切换浏览器
- js图片自动切换
- js实现图片切换
- 图片切换效果JS
- JS图片切换效果
- js 图片切换特效
- js首页图片切换
- 手机音频设计指导 acustic codec
- nginx负载均衡和lvs负载均衡的比较
- Mysql 备份和恢复
- sqlite数据库中的sql语句
- 常用的Opencv的数据类型
- js简单图片切换
- Visual Studio 实用快捷键
- .NET + OpenCV & Python + OpenCV
- 网络传输工作原理的通俗理解
- java反射详解
- [Leetcode] Remove Nth Node From End of List (Java)
- 浅谈面试经验,如何获得HR的青睐
- LeetCode Validate Binary Search Tree
- JAVA Socket 实现HTTP与HTTPS客户端发送POST与GET方式请求