JS实现图片切换效果
function xgoUrl(p){
window.open(likearr2[p],'_blank');
}
var picNum2=0;
function xchangeImage(){
var pic=arr2;
if(picNum2<pic.length) picNum2++ ;//显示图片个数
else picNum2=1;
if (document.all){
//下面注意,如果存在于FORM表单中,需要使用下面的方法,否则可直接使用name。
document.all.xiehui.filters.revealTrans.Transition=Math.floor(Math.random()*23);
document.all.xiehui.filters.revealTrans.apply();
document.all.xiehui.filters.revealTrans.play();
}
document.all.xiehui.src=pic[picNum2];
//如果不是图片,而是SWF等,可做判断,内容可在程序中做好,再放于下面。
// focustext.innerHTML='<a href='+imgLink[picNum]+' target=_blank>'+imgText[picNum]+'</a>';
//设置翻页时间
theTimer=setTimeout('xchangeImage()', 3000);
}
<div id="gonghuiPic" style="display:none">
<a href='javascript:xgoUrl()'>
<img id='xiehui' border="0" src="javascript:xchangeImage()" width="170" height="170" style="FILTER: revealTrans(duration=2,Transition=5);cursor:hand;margin-top:10px;margin-left:10px;" />
</a>
</div>
分享到:
相关推荐
一个基于js 实现的图片切换效果,比较实用
NULL 博文链接:https://tracyjuan.iteye.com/blog/2097931
js实现首页焦点图片切换效果,仿大麦网首页焦点图片切换效果
多种js图片切换效果 js图片切换效果 图片循环切换效果
本文实例为大家分享了JavaScript实现图片切换效果,自定义属性的应用 供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title>图片切换实例</...
有很多切换效果 0 : 矩形收缩转换。 1 : 矩形扩张转换。 2 : 圆形收缩转换。 3 : 圆形扩张转换。 4 : 向上擦除。 5 : 向下擦除。 6 : 向右擦除。 7 : 向左擦除。 8 : 纵向百叶窗转换。 9 : 横向百叶窗转换...
js 图片切换 点击切换上一张下一张效果
任意多图的焦点图片切换效果...... 源码很简单,可以随意嵌套
js实现随即图片切换效果所有代码都在里面
JS实现切换图片效果,学习js必备知识,要学好js就必须要认真看一看
JavaScript实现图片切换,主要用到setInterval()函数和clearInterval()函数,前者功能是开启动画,后者功能则为清除动画(可理解为使动画停止),为了使动画停止,则需要定义全局变量作为标志,标志返回setInterval...
Js实现图片幻灯切换效果-带缩略图,缩略图还带有动画移动效果哦,每张切换的图片都可以对应显示说明文字,而且也是带动画效果的。从风格上看,设计风格大气漂亮,通用于各类型的网站。
使用原生的JS制作的图片切换效果,资源内部附有全部代码以及参考实例,很容易使用
js实现图片自动切换,多种效果实现,类似于幻灯片形式的
js实现的图片切换。非面向对象版。可用于jsp,html中
NULL 博文链接:https://jinghua.iteye.com/blog/400420