<script language="JavaScript"> var imgUrl=new Array(); var imgLink=new Array(); var imgText=new Array(); var picNum=0; imgUrl[1]="图片地址一"; imgLink[1]="链接1"; imgText[1]="标题或简介或其它HTML内容1"; imgUrl[2]="图片地址二"; imgLink[2]="链接2"; imgText[2]="标题或简介或其它HTML内容2"; imgUrl[3]="图片地址三"; imgLink[3]="链接3"; imgText[3]="标题或简介或其它HTML内容3"; imgUrl[4]="图片地址四"; imgLink[4]="链接4"; imgText[4]="标题或简介或其它HTML内容4"; imgUrl[5]="图片地址五"; imgLink[5]="链接5"; imgText[5]="标题或简介或其它HTML内容5";
function NextPic(){ if(picNum<4) picNum++ ;//显示4个图片 else picNum=1; if (document.all){ //下面注意,如果存在于FORM表单中,需要使用下面的方法,否则可直接使用name。 document.imgInit.filters.revealTrans.Transition=Math.floor(Math.random()*23); document.imgInit.filters.revealTrans.apply(); document.imgInit.filters.revealTrans.play(); } document.images.imgInit.src="/blog/imgUrl[picNum]"; //如果不是图片,而是SWF等,可做判断,内容可在程序中做好,再放于下面。 focustext.innerHTML='<a href="/blog/+imgLink[picNum]+" target=_blank>'+imgText[picNum]+'</a>'; //设置翻页时间 theTimer=setTimeout('NextPic()', 3000); }
function goUrl(){ window.open(imgLink[picNum],'_blank'); } </script>
HTML代码中: 可以做到控件中 <TABLE cellPadding=0 width=100% border=0> <TR> <TD align=middle height="140" > <div align='center'> <a href='javascript:goUrl()'><img style="FILTER: revealTrans(duration=2,Transition=5)" src="javascript:NextPic()" width="170" height="120" border="1" id=imgInit name=imgInit></a></TD></TR> <TR><TD align=middle height="38" ><div name=focustext id=focustext align='center'></div> </div> </TD></TR></TABLE>
|
相关推荐
js实现首页焦点图片切换效果,仿大麦网首页焦点图片切换效果
js 图片切换 点击切换上一张下一张效果
纯JS实现点击多图片切换效果。 可以插入到你的网页中做用来做网页物资。
任意多图的焦点图片切换效果...... 源码很简单,可以随意嵌套
有很多切换效果 0 : 矩形收缩转换。 1 : 矩形扩张转换。 2 : 圆形收缩转换。 3 : 圆形扩张转换。 4 : 向上擦除。 5 : 向下擦除。 6 : 向右擦除。 7 : 向左擦除。 8 : 纵向百叶窗转换。 9 : 横向百叶窗转换...
Js实现幻灯片图片切换效果源码下载
js实现随即图片切换效果所有代码都在里面
多种js图片切换效果 js图片切换效果 图片循环切换效果
使用原生的JS制作的图片切换效果,资源内部附有全部代码以及参考实例,很容易使用
Javascript+Flash实现图片切换,模拟新浪图片切换,支持切换时间设置,共5张图片切换,只需要提供图片路径,链接路径即可,效果稳定可靠。
JS实现切换图片效果,学习js必备知识,要学好js就必须要认真看一看
JavaScript实现图片切换,主要用到setInterval()函数和clearInterval()函数,前者功能是开启动画,后者功能则为清除动画(可理解为使动画停止),为了使动画停止,则需要定义全局变量作为标志,标志返回setInterval...
实现类似于iphone手机桌面图片切换效果,简单使用!
1、鼠标点击缩略图片显示大图片 2、缩略图片可自动控制,点击最后一张小图片时会自动向左(右)移动一张图片,并且有按钮控制所有缩略图片
js实现图片自动切换,多种效果实现,类似于幻灯片形式的
Js实现图片幻灯切换效果-带缩略图,缩略图还带有动画移动效果哦,每张切换的图片都可以对应显示说明文字,而且也是带动画效果的。从风格上看,设计风格大气漂亮,通用于各类型的网站。
JS左右滚动的图片切换效果
一个基于js 实现的图片切换效果,比较实用
js实现的图片切换。非面向对象版。可用于jsp,html中