`
xss23
  • 浏览: 99195 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

图片动态切换效果

    博客分类:
  • html
阅读更多
<!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=gb2312" />
<title>无标题文档</title>
<script language=JavaScript>
<!--
// 设置轮番显示速度 Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000;
// 匀滑转换时间 Duration of crossfade (seconds)
var crossFadeDuration = 3;
// 指定图像文件 Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'http://images.zhaopin.com/img_button/sdklfj185-168.jpg'
Pic[1] = 'http://images.zhaopin.com/img_button/cmtj185-168-1.jpg'
// do not edit anything below this line
var j = 0;
var preLoad = new Array();
for (i = 0; i < Pic.length; i++) {
	preLoad[i] = new Image();
	preLoad[i].src = Pic[i];
}
function runSlideShow() {
	var SlideShow =document.getElementById("SlideShow");
	SlideShow.style.filter="blendTrans(duration=2)";
	SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
	
	if(SlideShow.filters){SlideShow.filters.blendTrans.Apply();}
	
	SlideShow.src = preLoad[j].src;
	
	if(SlideShow.filters){SlideShow.filters.blendTrans.Play();}
	
	j = j + 1;
	if (j > (Pic.length - 1)) j = 0;
	setTimeout('runSlideShow()', slideShowSpeed);
}
-->
</script>
</head>
<body>
<img height=318 src="http://images.zhaopin.com/img_button/cmtj185-168-1.jpg" width=456 
           id=SlideShow>
<script language=JavaScript>
<!--
runSlideShow();
//-->
  </script>
</body>
</html>
 
分享到:
评论

相关推荐

    主页图片动态切换效果实例

    【标题】:“主页图片动态切换效果实例” 在网页设计中,动态图片切换效果是一种常见的视觉呈现方式,可以吸引用户注意力并提升用户体验。本实例聚焦于“主页图片动态切换效果”,利用了JavaScript库jQuery中的一个...

    图片动态切换效果的代码

    标题中的“图片动态切换效果的代码”指的是在网页中实现图片轮播或滑动过渡的JavaScript代码技术。这种效果常用于网站的首页展示、产品展示等地方,为用户提供动态、吸引人的视觉体验。图片动态切换通常包括自动播放...

    图片创意切换效果 图片轮流切换 图片动态切换

    “图片动态切换”则更加强调变化的过程,不仅仅是简单的平移或淡入淡出,它可以包括各种复杂的过渡效果,如旋转、缩放、模糊、3D转换等。这些动态效果使图片的切换更具动感,能更好地吸引用户的注意力,提升品牌形象...

    网页图片动态切换包含jq诸多特效

    标题"网页图片动态切换包含jq诸多特效"指出了本项目主要关注的是使用jQuery实现的图片动态切换效果,这些效果可能包括但不限于以下几种: 1. **卡盘效果**:图片在页面上像卡盘一样旋转展示,常用于展示一组图片或...

    网站图片动态切换代码

    你可以通过查看这些文件来学习如何构建自己的图片动态切换效果。如果代码结构清晰,注释充分,那么理解和修改代码将变得非常容易,只需替换掉原有的图片URL,即可应用到自己的项目中。 总之,动态图片切换是提升...

    asp实现图片动态切换

    在本场景中,"asp实现图片动态切换"涉及到的是如何使用ASP技术来实现在网页上进行图片的自动循环播放,即图片轮换效果,通常会结合JavaScript或CSS等前端技术以增强用户体验和视觉效果。 在ASP中,可以使用VBScript...

    js图片滑动切换效果

    在网页设计中,图片滑动切换效果是常见的增强用户体验的手段,它可以使页面更加生动活泼,吸引用户注意力。本篇文章将深入探讨如何使用JS实现图片滑动切换效果,并介绍几种常见的特效。 一、基本原理 图片滑动切换...

    Flash图片动画切换效果.rar

    这个名为"Flash图片动画切换效果.rar"的压缩包包含了一个实现特定图片动画切换效果的Flash源码。这种效果通常用于增强用户在浏览图片展示时的视觉体验,尤其是当需要进行图片转场时,能够以更动态和有趣的方式过渡,...

    5张图片动态切换特效

    本资源包“5张图片动态切换特效”显然提供了一个实现这种效果的实例,适用于那些想要为自己的网站或应用增加生动展示元素的开发者。 首先,我们可以从“5张图片特效.html”这个文件入手,这很可能是实现动态切换...

    js图片切换效果

    通过这种方式,我们可以创建一个具有图片放大动画的动态切换效果。这种效果能够增加用户的互动体验,使网站看起来更加生动和专业。在实际应用中,还可以根据项目需求进行进一步定制,比如添加过渡效果、控制切换方向...

    很好的动态图片显示切换效果演示程序

    在IT行业中,动态图片显示切换效果是用户界面设计中一种常用且吸引人的技术,尤其在移动应用、网页设计以及各种多媒体交互中广泛应用。这个“很好的动态图片显示切换效果演示程序”是一个实例,它展示了如何通过编程...

    WPF图片动画效果切换

    2. **滑动切换效果**: 想要实现图片从一侧滑向另一侧的效果,可以使用TranslateTransform来改变图片的位置,并配合DoubleAnimation。设定一个持续时间,让图片在X轴或Y轴上平移一定的距离,达到滑动的效果。 3. *...

    12种炫酷CSS3图片切换过渡效果

    在实际应用中,这些效果可以通过组合使用,或者与其他CSS3特性(如响应式设计、Flexbox或Grid布局)相结合,来创造出更多富有创意的图片切换效果。在提供的压缩包中,`index.html`应该是示例代码的入口,`compass`...

    flash图片切换效果 flash图片切换效果

    Flash图片切换效果通常是指在Flash环境中通过编程或交互设计实现的一系列动态图片展示方式,比如淡入淡出、滑动切换、缩放变换等。这些效果可以极大地提升用户体验,使得静态图片变得生动有趣。在创建这样的效果时,...

    超好看的图片切换效果

    在IT行业中,图片切换效果是网页设计和用户体验中不可或缺的一部分,尤其对于展示型网站和交互式应用来说,吸引人的图片切换能提升用户的视觉享受和浏览体验。标题“超好看的图片切换效果”暗示我们将讨论一种独特且...

    网站首页图片滑动切换效果

    "网站首页图片滑动切换效果" 是一种常见的网页设计手法,它通过动态展示多张图片来增加网站的吸引力和互动性。这种效果通常用于展示产品、服务或者公司形象,为用户带来更生动的浏览体验。 实现这种效果的方法多种...

    多图片切换效果JavaScript实现

    标题“多图片切换效果JavaScript实现”指的是一种能够动态展示多张图片的技术,这种技术可以创建一个类似焦点图的效果,用户无需手动点击或滚动,图片会按照预设的时间间隔自动轮换。这在网站的首页或者产品展示区...

    多种js图片切换效果

    在JavaScript(简称JS)编程中,图片切换效果是一种常见的网页动态设计技术,它极大地提升了用户体验,使得静态的图片展示变得更加生动有趣。本篇文章将深入探讨几种常用的JS图片切换效果及其实现方法。 首先,我们...

    javascirpt图片切换效果

    JavaScript是一种广泛应用于网页和网络应用中的编程语言,它在网页动态...总的来说,JavaScript的图片切换效果是通过DOM操作、事件处理和定时器等技术实现的,它极大地丰富了网页的动态表现力,提升了用户的互动体验。

    js实现首页焦点图片切换效果

    在网页设计中,首页焦点图片切换效果是一种常见的视觉呈现方式,它可以吸引用户的注意力并提升网站的用户体验。这种效果通常应用于网站的首页,展示重要的产品、活动或者新闻,以动态的形式吸引用户点击。在这个主题...

Global site tag (gtag.js) - Google Analytics