<script language=JavaScript>
<!--
var imgUrl=new Array();
var imgLink=new Array();
var adNum=0;
var jumpUrl="http://sports.tom.com/";
imgLink[1]="http://sports.tom.com/gnzt/2005yg/";
imgLink[2]="http://sports.tom.com/zhty/";
imgUrl[1]="http://img.sports.tom.com/img/assets/200509/050927071818sportsgnzt200592701.jpg";
imgUrl[2]="http://img.sports.tom.com/img/assets/200509/050927075953zt20050926107.jpg";
var imgPre=new Array();
var j=0;
for (i=1;i<=imgUrl.length-1;i++) {
if(imgLink[i]!="") {j++;}
else {break;}
}
function playTran(){
if (document.all)
imgInit.filters.revealTrans.play();
}
var key=0;
function nextAd(){
if(adNum<j)adNum++ ;
else adNum=1;
if( key==0 ){key=1;}
else if (document.all){
imgInit.filters.revealTrans.Transition=6;
imgInit.filters.revealTrans.apply();
playTran();
}
document.images.imgInit.src=imgUrl[adNum];
jumpUrl=imgLink[adNum];
theTimer=setTimeout("nextAd()", 7000);
}
function goUrl(){
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '') window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
//-->
</script>
<a href="javascript:goUrl()"><img style="FILTER:
revealTrans(duration=2,transition=6);border:1 solid black" src="javascript:nextAd()" width=300
border=0 name=imgInit height="210"></a>
</body>
</html>
详细出处参考:http://www.jb51.net/article/132.htm
分享到:
相关推荐
在网页设计中,图片的展示方式多种多样,而“不同图片之间切换的样例”是一种常见且有效的视觉呈现手法,特别是在首页或者产品展示区域。这种技术通常被称为“图片轮播”或“滑动图片”,其核心是通过JavaScript、...
在网页设计中,实现图片之间的自动切换是一种常见的需求,特别是在创建动态展示或者幻灯片效果时。本主题主要关注如何使用JavaScript(JS)来实现在HTML中图片的自动切换。JavaScript是一种广泛使用的客户端脚本语言...
1. JavaScript脚本:JavaScript脚本是图片切换技术的核心,它控制着图片的显示和隐藏,并实现图片之间的切换。 2. HTML的img元素:HTML的img元素用于加载图片,并使用style属性来控制图片的显示和隐藏。 3. 样式表:...
缩放切换是在图片之间切换时,新图片会以小图形式出现,然后逐渐放大至正常尺寸。通过改变图片的scale属性,配合适当的过渡动画,可以创造出动态的视觉焦点转移。此效果适合突出单张图片的展示,或者作为某种交互的...
它可以让用户在点击或滑动时,轻松地在多张图片之间切换,提升用户体验。这种效果常用于产品展示、图片画廊或者任何需要动态展示多张图片的场景。 要实现jQuery图片切换,你需要掌握以下关键知识点: 1. **引入...
本资源“android150种图片切换特效”提供了一套丰富的视觉效果,用于展示图片之间的过渡动画。虽然没有提供源代码,但是通过安装APK文件,开发者可以直观地观察到这些特效的实际表现,从而激发灵感,自行为自己的...
通过模拟手指左右滑动的手势,用户可以轻松地在多个图片之间切换,营造出一种类似手机APP的交互感。 首先,我们需要了解jQuery的基本概念。jQuery是一个高效、简洁的JavaScript库,它极大地简化了JavaScript代码的...
这个相册设计的独特之处在于它支持用户通过点击或使用上下导航键来无缝地在图片之间切换,同时具备自动切换功能,为用户提供连续、流畅的视觉体验。 在这款jQuery插件中,主要涉及到以下几个关键知识点: 1. **...
用户可以通过点击这些小圆点轻松地在图片之间切换。 标签“js”、“css”、“精美相册”、“预览”和“图片切换”进一步明确了实现这一功能所用的技术和关键概念。JavaScript(JS)是一种广泛使用的客户端脚本语言...
这种特效利用了触摸屏设备的手势操作,如滑动,使用户可以轻松地在多个商品图片之间切换,提升移动端的用户体验。 首先,我们要理解jQuery的核心特性。jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、...
3. **无缝切换**:无缝切换指的是在图片之间切换时没有明显的停顿或空白期。这通常是通过预加载下一幅图片并在当前图片淡出的同时淡入下一幅图片来实现的。jQuery的动画函数,如`.fadeOut()`和`.fadeIn()`,在这里起...
在网页设计中,这种类型的相册通常利用Adobe Flash技术来实现动态的图片展示效果,让用户能够全屏查看照片,并通过简单的操作(如点击或滑动)在多张图片之间切换。 【描述】提到的"类似QQ空间的相册功能,但不完全...
6. **数据缓存和索引管理**:在处理多张图片时,可能需要跟踪当前显示的图片索引,以及如何在图片之间切换。jQuery的`.data()`方法可以帮助存储和检索相关数据。 7. **CSS和布局**:为了使图片切换效果美观,CSS...
要实现图片之间的淡入淡出效果,我们可以对两个Image控件的Opacity属性进行动画处理。当切换图片时,让当前显示的图片逐渐变透明,同时让预加载的图片逐渐变得不透明。这样,用户会看到一张图片逐渐消失,另一张...
【标题】"带文字说明和缩略图的jQuery图片切换"是一种常见的网页图像展示技术,它结合了jQuery库的功能,使用户能够优雅地在多张图片之间切换,并且每张图片都配有相应的文字说明和缩略图。这种交互式的设计提高了...
在网页中,用户可以轻松地在不同的图片之间切换,提升用户体验,增强网站的视觉吸引力。无需深入理解jQuery的复杂机制,只需简单几步就能将这种功能集成到网页中。 jQuery 是一个强大的JavaScript库,它简化了...
在网页设计中,图片切换是一种常见的交互效果,用于展示多张图片并允许用户在这些图片之间进行平滑的切换。这种效果通常应用于产品展示、相册浏览或动态背景等场景。"图片切换html页面图片切换"这个主题关注的是如何...
2. **淡入淡出效果**:在图片之间切换时,旧图片逐渐淡出,新图片逐渐淡入,形成平滑过渡。这种风格增加了视觉效果,让切换更加优雅。 3. **滑动门式切换**:图片在切换时,像门一样从中间向两边滑动,给人一种动态...
百叶窗效果是一种视觉上的过渡动画,通常在两张图片之间切换时使用,使得旧图片像百叶窗一样逐片消失,新图片同时逐片显现,形成类似百叶窗开启或关闭的效果。这种效果可以增加用户的互动体验,使内容展示更加生动...
然后,利用`.html()`、`.append()`等方法改变DOM内容,实现在不同图片之间切换。 3. **事件处理**:使用`.on()`方法绑定点击事件到左右箭头和索引按钮上。当用户点击这些元素时,触发相应的图片切换动作。 4. **...