图片渐变轮换效果

最新推荐文章于 2016-04-14 16:59:22 发布
最新推荐文章于 2016-04-14 16:59:22 发布
阅读量298 收藏
点赞数
分类专栏： javascript 文章标签： generator image filter border function ie
<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<html>
<head>
<title> 图片渐变轮换效果 - 51windows.Net</title>
<meta name="generator" content="editplus">
<meta name="author" content="51windows.net">
</head>
<body>
<p> 图片渐变轮换效果(IE),请等几秒钟看效果</p>
<a href="#" id="javascript.a"><img src="http://www.51windows.net/mypic/Usa_geography/TN_01015_119.JPG" id="javascript.img" border=0 style="filter:blendTrans(duration=2)" width="240" height="180"></a>
<script>
<!--
var ImgSrc = new Array();//图片地址
ImgSrc[0] = "http://www.51windows.net/mypic/Usa_geography/TN_01087_0122.JPG"
ImgSrc[1] = "http://www.51windows.net/mypic/Usa_geography/TN_01384_582.JPG"
ImgSrc[2] = "http://www.51windows.net/mypic/Usa_geography/TN_01015_119.JPG"
ImgSrc[3] = "http://www.51windows.net/mypic/Usa_geography/TN_05132_31.JPG"
ImgSrc[4] = "http://www.51windows.net/mypic/Usa_geography/TN_05809_1005.JPG"
ImgSrc[5] = "http://www.51windows.net/mypic/Usa_geography/TN_06257_84.JPG"
ImgSrc[6] = "http://www.51windows.net/mypic/Usa_geography/TN_06316_153.JPG"
ImgSrc[7] = "http://www.51windows.net/mypic/Usa_geography/TN_BK-Lewis&Clarkp6-7.JPG"


for (var i=0;i<ImgSrc.length;i++){(new Image()).src = ImgSrc[i];}//预加载图片

var ImgAlt = new Array();//鼠标放上去显示的文字
ImgAlt[0] = "美国《国家地理杂志》1"
ImgAlt[1] = "美国《国家地理杂志》2"
ImgAlt[2] = "美国《国家地理杂志》3"
ImgAlt[3] = "美国《国家地理杂志》4"
ImgAlt[4] = "美国《国家地理杂志》5"
ImgAlt[5] = "美国《国家地理杂志》6"
ImgAlt[6] = "美国《国家地理杂志》7"
ImgAlt[7] = "美国《国家地理杂志》8"

var ImgHerf = new Array();//链接
ImgHerf[0] = "http://www.51windows.net/mypic/Usa_geography/page_01.htm"
ImgHerf[1] = "http://www.51windows.net/mypic/Usa_geography/page_02.htm"
ImgHerf[2] = "http://www.51windows.net/mypic/Usa_geography/page_03.htm"
ImgHerf[3] = "http://www.51windows.net/mypic/Usa_geography/page_04.htm"
ImgHerf[4] = "http://www.51windows.net/mypic/Usa_geography/page_05.htm"
ImgHerf[5] = "http://www.51windows.net/mypic/Usa_geography/page_06.htm"
ImgHerf[6] = "http://www.51windows.net/mypic/Usa_geography/page_07.htm"
ImgHerf[7] = "http://www.51windows.net/mypic/Usa_geography/page_08.htm"

var step=0;
function slideit(){
//rewrite by haiwa@2005-7-7
var oImg = document.getElementById("javascript.img");
if (document.all){oImg.filters.blendTrans.apply();}
oImg.src=ImgSrc[step];
document.getElementById("javascript.a").href=ImgHerf[step];
oImg.title=ImgAlt[step];
if (document.all){oImg.filters.blendTrans.play();}
step = (step<(ImgSrc.length-1))?(step+1):0;
(new Image()).src = ImgSrc[step];//加载下一个图片
}
setInterval("slideit()",5000);
//-->
</script>
</body>
</html>

<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
zgqtxwd
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
delphi7 copyrect 图片切换效果
05-28
最近看了一本书，讲delphi7中的图片的处理，这里上传几个常用的图片转换的效果，有雨滴，百叶窗等。
非常好用的delphi相册循环滚动播放源代码
08-24
非常好用的delphi制作的相册播放程序代码，实现了左右循环，上下循环的图片滚动播放。
用Delphi实现上下展开的图片切换效果
05-07
内容索引:Delphi源码,图形处理,图片切换　　用Delphi实现上下展开的图片切换效果，没有用到其它的东西，完全Delphi实现，上下展开切换一幅图片，类似幻灯片的效果，你可以把它作为一个基本单元，然后慢慢扩展下去，或者编写一个相册试试看！
delphi 下模仿手机相册图片切换特效的控件
01-09
delphi 下模仿手机相册图片切换特效的控件，有安装及DEMO
用Delphi实现上下展开的图片切换效果..rar
05-11
用Delphi实现上下展开的图片切换效果..rar
jquery实现两个图片渐变切换效果的方法
10-24
主要介绍了jquery实现两个图片渐变切换效果的方法,涉及jquery针对图片的显示与隐藏效果的实现技巧,需要的朋友可以参考下
图片渐变轮换焦点图效果特效代码
03-20
js实现图片从左往右渐变切换效果的方法
10-24
主要介绍了js实现图片从左往右渐变切换效果的方法,是比较典型的图片渐变切换效果特效,非常具有实用价值,需要的朋友可以参考下
图片渐变轮换焦点图效果.rar
07-04
图片渐变轮换焦点图效果
android 多张图片渐变切换控件
01-03
本来项目是用的viewpager实现的轮播滚动,但是客户觉得轮播的效果太大众化了,于是就要我们改成渐变切换的效果.听到这需求,我最先想到是给viewpager设置切换动画,但是无论怎么设置动画,都要手动切换的时候才有效果....
图片渐变消失、渐变切换的实现
04-21
NULL 博文链接：https://luanxiyuan.iteye.com/blog/1914570
多种Delphi图片幻灯切换动画效果.rar
07-10
多种Delphi图片幻灯切换动画效果，就是多张图片显示的时候，在图片变化的瞬间增加动画转场过渡效果，本代码中所展示的图片转场特效有以下几种：从四周到中心（由于bitblt每次只能拷贝一个矩形，故要实现从四周到中间的渐变显示特效，需要每次拷贝周边的四个矩形，组成一个矩形框），从中心到四周、左上到右下、左下到右上、中间到两边，两边到中间，并可对效果进行清屏操作。代码中一个关键参数的设置：Step=1600; //循环的次数，用以调整图象变动的快慢。
Cocos2dx：Sprite切换图片
Alostz
04-14 2149
Cocos2dx：Sprite切换图片 更换背景图： auto background1 = Sprite::create("original.png"); Texture2D * pic = Director::getInstance()->getTextureCache()->addImage("now.png");
简单的js 图片轮换相册，有过渡渐变效果。兼容IE,ff
程序人生的专栏
12-04 6744
#cnt{width:100%;height:80%;} .ctrl{text-align:center;border:1px solid gray;font-size:12px;cursor:pointer;} <!-- var curOpac = 0; var filterTimer; var isIE = /internet explorer/i.test(win
用delphi编写图片播放组件
虫二的专栏~~在路上~~~
04-04 2398
...{ ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  Author：pengyi    Email:[email protected]    :::: :::: Unit : UnitImagePlay :::: :::: Developer Team : Mdcl DevTeam :::: $Id
Winform下实现图片切换特效
weixin_34357887的博客
10-29 403
  代码 using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Text;using System.Drawing.Text;using System.Drawing.Drawing2D;usi...
delphi copyrect实现的几个图片的转换效果
后之后觉的专栏
05-28 7209
这上是一测试的效果程序：好像正在审吧，我还看不到unit ChangeImage;interfaceuses  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,  Dialogs,jpeg, StdCtrls, ExtCtrls;procedure BaiYeChuang(Targer:Timage;Source:Tbitmap);//百叶窗procedure MaSaiKe(Targer:Timage;So
cocos2dx 颜色渐变
qwe168192的专栏
12-28 4514
ccColor3B col = m_pSprite->getColor();//获取需要变的颜色CCFiniteTimeAction * tinto = CCTintTo ::create(3, 255, 255, 0);//获取自身颜色CCFiniteTimeAction * tinto1 = CCTintTo ::create(3, col.r, col.g, col.b);//组成队列CCA
满意度调查行·知dr.pptx
最新发布
04-25
满意度调查行·知dr.pptx
android 图片 切换渐变 动画
07-14
Android 中可以使用 `AnimatorSet` 和 `ObjectAnimator` 来实现图片渐变切换的动画效果。 首先，需要在布局文件中定义一个 `ImageView`，用于显示图片： ```xml android:id="@+id/imageView" android:layout_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值