`
xuxiannian
  • 浏览: 52771 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS实现图片切换效果

阅读更多

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>

 

分享到:
评论
1 楼 vincent.xia 2008-08-15  
没看懂,能不能解释一下,新手啊

相关推荐

    html+css+js实现图片切换效果

    标题中的“html+css+js实现图片切换效果”是指利用HTML、CSS和JavaScript这三种核心技术来创建一个动态的图片轮播或切换功能。在网页设计中,这种效果常见于产品展示、滑动相册或者幻灯片展示等场景,能够为用户带来...

    js实现图片切换效果

    下面将详细介绍如何使用JavaScript实现图片切换效果。 首先,我们需要准备一些基本元素:一个包含多张图片的HTML结构,例如: ```html &lt;!-- 更多缩略图... --&gt; ``` 在这个例子中,`#main-image`是主...

    原生JS实现的图片切换效果

    在本文中,我们将深入探讨如何使用原生JavaScript实现图片切换效果。这种效果广泛应用于网站的轮播图、相册展示等场景,通过编程技术让图片按照预设方式自动或手动切换,提供良好的用户体验。 首先,我们需要理解...

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

    总的来说,通过JavaScript实现首页焦点图片切换效果,需要结合HTML结构、CSS样式和JavaScript逻辑,以及可能的动画效果,来打造一个既美观又交互性强的网页元素。这个过程涉及到前端开发的多个方面,对于提升网页的...

    JS图片切换效果代码,相当好用

    总的来说,使用JavaScript实现图片切换效果涉及HTML结构设计、JavaScript事件处理、DOM操作以及CSS样式控制。通过合理的代码组织和优化,我们可以创建出既美观又实用的图片切换功能,提升网站的视觉吸引力。在实际...

    20行JS代码实现图片切换效果

    这篇名为“20行JS代码实现图片切换效果”的博客文章提供了一个简洁的解决方案,它利用JavaScript的事件处理和DOM操作功能来达成目的。这篇文章的标签包括“源码”和“工具”,暗示着它提供的是一种可以直接使用的...

    多图片切换效果JavaScript实现

    在实现图片切换效果时,我们通常会利用JavaScript的DOM(Document Object Model)操作,改变HTML元素的属性,如src(源),来实现图片的切换。 标题“多图片切换效果JavaScript实现”指的是一种能够动态展示多张...

    多种js图片切换效果

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

    JS多种新闻图片切换效果

    在这个项目中,“JS多种新闻图片切换效果”指的是使用JavaScript实现的不同类型的新闻图片轮播功能。这类效果通常用于新闻网站或者资讯平台,以动态展示多张图片,提高用户的浏览体验。 1. 图片切换效果类型: - ...

    JS实现切换图片效果

    在JavaScript(JS)中实现图片切换效果是网页动态交互中常见的功能之一,它极大地提升了用户体验。这个主题涉及多个JS基础知识,包括DOM操作、事件处理、时间间隔和CSS样式控制等。接下来,我们将深入探讨这些关键...

    javascirpt图片切换效果

    本文将深入探讨如何使用JavaScript实现图片切换效果,以提升网站的用户体验。 首先,图片切换效果通常用于创建轮播图或者相册展示,这种效果能够使静态的网页内容变得生动有趣。在JavaScript中,我们可以利用DOM...

    js 图片切换 上一张下一张效果

    在本文中,我们将深入探讨如何使用JavaScript实现图片切换的“上一张”和“下一张”功能。 首先,我们需要理解基本的HTML结构,这通常包括一个用于显示图片的`&lt;img&gt;`元素,以及两个按钮,分别表示“上一张”和“下...

    Js实现图片幻灯切换效果-带缩略图.rar

    这个"Js实现图片幻灯切换效果-带缩略图.rar"压缩包文件提供了一个使用JavaScript实现的图片幻灯片功能,同时带有缩略图和动画效果。这种效果常用于网站的首页展示、产品展示或者新闻滚动等场景,能够使内容更生动,...

    JavaScript实现图片切换效果

    本文实例为大家分享了JavaScript实现图片切换效果,自定义属性的应用 供大家参考,具体内容如下 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;图片切换实例&lt;/...

    JavaScript图片切换效果.rar

    通过研究和实践这个"JavaScript图片切换效果.rar"中的代码,你可以学习到如何用JavaScript实现动态效果,这对于提升网页交互性和吸引力非常有帮助。同时,这也是一个很好的练习项目,可以帮助你深入理解JavaScript...

    javascript图片切换效果

    在本主题中,我们关注的是使用JavaScript实现图片切换效果,这通常用于创建滑动展示、轮播图或相册等功能,能提升网站的用户体验。 在JavaScript图片切换效果中,有几种常见的实现方式: 1. **DOM操作**:通过...

    js实现的图片切换效果

    有很多切换效果 0 : 矩形收缩转换。 1 : 矩形扩张转换。 2 : 圆形收缩转换。 3 : 圆形扩张转换。 4 : 向上擦除。 5 : 向下擦除。 6 : 向右擦除。 7 : 向左擦除。 8 : 纵向百叶窗转换。 9 : 横向百叶窗转换...

Global site tag (gtag.js) - Google Analytics