<SCRIPT>
var widths=275;
var heights=190;
var counts=8;
img1=new Image ();img1.src='images/123/1.gif';
img2=new Image ();img2.src='images/123/2.gif';
img3=new Image ();img3.src='images/123/3.gif';
img4=new Image ();img4.src='images/123/4.gif';
img5=new Image ();img5.src='images/123/5.gif';
img6=new Image ();img6.src='images/123/6.gif';
img7=new Image ();img7.src='images/123/7.gif';
img8=new Image ();img8.src='images/123/8.gif';
url1=new Image ();url1.src='#';
url2=new Image ();url2.src='#';
url3=new Image ();url3.src='#';
url4=new Image ();url4.src='#';
url5=new Image ();url5.src='#';
url6=new Image ();url6.src='#';
url7=new Image ();url7.src='#';
url8=new Image ();url8.src='#';
var nn=1;
var key=0;
function change_img()
{if(key==0){key=1;}
else if(document.all)
{document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}
eval('document.getElementById("pic").src=img'+nn+'.src');
eval('document.getElementById("url").href=url'+nn+'.src');
for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}
document.getElementById("xxjdjj"+nn).className='bxx';
nn++;if(nn>counts){nn=1;}
tt=setTimeout('change_img()',4000);}
function changeimg(n){nn=n;window.clearInterval(tt);change_img();}
document.write('<style>');
document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('</style>');
document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');
document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');
document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');
for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}
document.write('</div></div>');
change_img();
</SCRIPT> <!--v:3.2-->
分享到:
相关推荐
`:定义一个变量`NowFrame`用于存储当前显示的图片编号,初始值为1。 - `var MaxFrame = 4;`:定义变量`MaxFrame`表示总共有四张图片。 #### 图片显示逻辑 通过循环遍历所有图片(从1到`MaxFrame`),并根据`...
在JavaScript(简称js)中实现图片轮换效果是一项常见的网页动态功能,它可以为网站增加视觉吸引力,提升用户体验。本文将详细讲解如何利用JavaScript实现图片轮换,并探讨相关的技术要点。 首先,我们需要理解基本...
2. 指示器切换:提供小图标或数字指示当前显示的图片编号,用户可以通过点击指示器手动切换。 3. 缓动动画:切换时加入平滑的过渡动画,如淡入淡出、左右滑动等。 二、图片自动流动效果 图片自动流动,通常是指...
- 如果需要显示图片标题或编号,可能需要在页面上添加相应的元素并进行更新。 - 最后,考虑添加错误处理和兼容性检查,确保在不同浏览器和设备上都能正常工作。 通过上述分析,我们可以看出这个图片轮换方案的核心...
标题与描述均提到了“Js图片广告轮换效果[支持ie7,ie8.firefox,ie6]”,这指向了一种使用JavaScript实现的图片轮播技术,特别强调了对旧版浏览器如IE6、IE7、IE8以及Firefox的支持。在现代Web开发中,虽然这些浏览器...
标题中的“很漂亮的flash图片轮换广告.rar”表明这是一个包含Flash动画效果的图片轮播广告资源,而描述进一步确认了这一点,它简单直接地描述了这个资源的特点——漂亮。标签“JS特效-焦点/幻灯图”则揭示了这个轮播...
4. 编号或指示器:显示当前展示的是哪一张图片,以及总共有多少张图片,让用户了解轮换的状态。 5. 自动播放:焦点轮换图一般具备自动播放功能,设定一定的间隔时间后自动切换到下一张图片。 6. 延时设置:为了让...
Flash焦点图轮换代码是一种常见的网页交互元素,用于展示一系列图片或内容,通过自动...通常,它可能是一个配置文件、图片编号或者是代码中的一个变量名。如果要深入理解这个压缩包的内容,需要解压并查看具体的文件。
【标题】"JS4屏焦点图轮换代码"是一个基于JavaScript实现的动态展示多张图片的特效,通常用于网站的首页或产品展示区域,以吸引用户的注意力并展示关键信息。这种效果也被称为“焦点图”或“幻灯图”,通过定时切换...
在图文轮换特效中,JavaScript通常用来控制图片和文字的显示与隐藏,以及过渡动画的效果。 在压缩包的文件名称列表中提到的"33",可能是文件的编号或者是某种特定的命名规则,具体含义可能需要查看实际的文件内容...
“轮换代码”指的是实现内容自动切换的程序代码,通常由JavaScript、jQuery或者ActionScript编写,目的是让多个元素(如图片、文字)按照特定顺序和时间间隔自动循环显示。 【压缩包子文件的文件名称列表】:提供的...
【描述】"ChinaRen首页flash轮换代码"指的是中国最大的社交网站之一——ChinaRen在其首页上使用的Flash动画轮换代码。Flash是一种早期广泛应用于网页动态效果的技术,它可以创建丰富的互动内容和动画。然而,由于...
- 指示器:可选功能,显示当前展示的图片编号或预览小图。 **2. 动画效果** jQuery提供了`.animate()`方法,可以实现平滑的过渡动画。例如,可以设置图片在水平方向上渐隐渐现,或者使用CSS3的`transition`属性...
这种特效通过JavaScript编程语言来控制页面上的元素(如图片)按照设定的时间间隔进行自动切换,形成一种平滑的滚动效果,同时结合数字指示器显示当前显示的图片编号,增强用户体验。 【描述】:“带数字滚动轮播图...
【描述】中提到的"3屏标签风格"是指该焦点图轮换效果采用了三屏设计,每屏都配有一个标签,通常这些标签会显示当前显示的图片或内容的主题,用户可以通过点击标签切换不同的内容。标签设计增加了用户的导航体验,使...
HTML中可能还会有控制按钮(如“上一张”、“下一张”),以及可能的指示器(显示当前显示的广告编号)。 2. **CSS样式**:`css` 文件包含对HTML元素的样式定义,例如广告轮播的布局、动画效果、控制按钮样式等。...
【描述】"系列广告代码01-CCTV宽屏广告轮换代码"指的是这个源码是为适应CCTV(中央电视台)的宽屏显示设计的。宽屏广告通常是指适合大屏幕显示器或高分辨率设备的广告形式,能够展示更丰富的视觉效果和内容。广告...
2. Lightbox原理:学习如何创建一个弹出式的图片查看器,包括如何在点击后显示大图,以及添加关闭按钮等交互元素。 3. 图片加载优化:探索如何高效地加载和显示图片,尤其是在广告场景下,可能涉及延迟加载、预加载...
【压缩包子文件的文件名称列表】中的"js-0024"可能是源码文件的编号或者版本标识,它可能包含了一系列与焦点图切换相关的JavaScript文件、Flash文件、CSS样式文件以及HTML结构文件等。 在这个源码中,JavaScript...
VeryIDE Bee V1.4版本更新日志: 修正 广告列表不能批量删除广告的Bug 修正 图片延时加载组件缺少一个分号导致在 Firefox 下不能正常工作的Bug 修正 Firefox 浏览器下广告模块中"代码转换"不能正常工作的问题 修正 ...