<SCRIPT language=JavaScript>
 <!--
 var slidespeed=3000
 //播放图片
 var slideimages=new Array("http://www.wangge.net/photo/ShowPic/JP-XBJNZ.jpg",
 "http://www.wangge.net/photo/ShowPic/CN-LZL.jpg",
 "http://www.wangge.net/photo/ShowPic/JP-LHZF.jpg",
 "http://www.wangge.net/photo/ShowPic/KO-LEZ.jpg",
 "http://www.wangge.net/photo/ShowPic/CN-HSY.jpg",
 "http://www.wangge.net/photo/ShowPic/KO-LNY.jpg",
 "http://www.wangge.net/photo/ShowPic/KO-HCY.jpg")
 //链接地址
 var slidelinks=new Array ("Main.asp?StarName=榎本加奈子","Main.asp?StarName=林志玲","Main.asp?StarName=濑户早妃","Main.asp?StarName=李恩宙","Main.asp?StarName=黄圣依","Main.asp?StarName=李娜英","Main.asp?StarName=韩彩英")
 var imageholder=new Array()
 var ie55=window.createPopup
  for (i=0;i<slideimages.length;i++){
   imageholder[i]=new Image()
   imageholder[i].src=slideimages[i]
  }
  function Pic_Show(){
   //window.location=slidelinks[whichlink]
   window.open(slidelinks[whichlink],'frmright')
  }
 //-->
 </SCRIPT>
            <A href="javascript:Pic_Show()"><IMG
            style="FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"
            height=150
            src="http://www.wangge.net/photo/ShowPic/JP-XBJNZ.jpg"
            width=378 border=0 name=slide></A>
            <SCRIPT language=JavaScript1.1>
 <!--
 var whichlink=0
 var whichimage=0
 var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
  function slideit(){
   if (!document.images) return
   if (ie55) document.images.slide.filters[0].apply()
    document.images.slide.src=imageholder[whichimage].src
   if (ie55) document.images.slide.filters[0].play()
    whichlink=whichimage
    whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
   setTimeout("slideit()",slidespeed+pixeldelay)
  }
  slideit()
 //-->
</SCRIPT>

转载于:https://www.cnblogs.com/plumsea/archive/2006/07/08/445709.html

一个图片轮换效果的JS相关推荐

  1. 腾讯《活着》频道JS图片轮换效果解析

    腾讯<活着>频道JS图片轮换效果解析 1.原理分析 总析: 包含内容的层->宽:900 高:400 主要显示层-> 宽800 高400 即最上面那层 z-index=100 中 ...

  2. Flash 图片轮换效果

    Flash全站的技术应用系列: (一)AS+JS的Flash网站无刷新定位技术  (二)Flash网站的SEO (三)Flash网站的流量统计 (四)让Flash网站具有IE前进后退的功能 (五)图片 ...

  3. tween.js一个平滑动效果的js动画库

    tween.js一个平滑动效果的js动画库 tween.js是什么? tween.js是一款可生成平滑动效果的js动画库,允许以平滑的方式修改元素的属性值. tween.js达到什么效果? 它可以通过 ...

  4. php中轮转图片js代码,js实现图片轮换效果代码

    var numb = 0; var imgnumb = 1; function showimg() { //两张图片切换方法1 /*numb++; if (numb % 2 == 0) { docum ...

  5. 从懒人图库下载下来的一个图片播放效果有点问题,修改了一处代码之后ok了

    由于需要做一个图片轮播效果,在懒人图库下载了一个js代码,当只有一排图片轮播时,效果是好的, <SCRIPT type=text/javascript> var D=YAHOO.util. ...

  6. Qt之QAbstractAnimation 实现网易云音乐背景墙图片轮换效果

    简述 最近在做一个小项目,需要实现网易云音乐背景墙的轮换效果,Qt没有封装这样的控件类,只好自己手动实现如下: 效果 官方效果: 实现效果: 代码 以下是.h代码: #ifndef ANIMATEDW ...

  7. 微博点击图片放大html,新浪微博图片放大效果[artZoom.js]

    (本文示例脚本于2010-05-28更新) 如果说09年是SNS年,那10年肯定微博年,各大网站都推出或者准备推出自己的微博.我这几天都在看新浪微博,对新浪微博的用户体验很欣赏,有些细节我自己也琢磨了 ...

  8. 一个图片展示效果的站点

    http://www.blackcube.cn/ 转载于:https://www.cnblogs.com/vilyLei/archive/2009/12/04/1616770.html

  9. js图片轮换显示实例(转载)

    2019独角兽企业重金招聘Python工程师标准>>> 转自:http://www.cnblogs.com/yes123/p/3702519.html 用js脚本实现图片轮换显示,很 ...

最新文章

  1. linux下载哪个python版本-Linux升级python版本
  2. 一、CSS实现横列布局的方法总结
  3. 人工智能简史(Rockwell Anyoha )
  4. 【前端】.easyUI.c#
  5. C语言将不固定的表达式转换为后缀表达式(附完整源码)
  6. java param request_使用@RequestParam将请求参数绑定至方法参数
  7. nslookup 包含在那个包中_nslookup命令详解
  8. 红橙Darren视频笔记 自定义sidebar 自定义View ViewGroup套路
  9. eclipsevue代码怎么运行_打了多年的单片机调试断点到底应该怎么设置? | 颠覆认知...
  10. Win10/Win7下添加Protel 99 SE库文件
  11. Rplidar A2M8屏蔽角度
  12. Excel 有哪些可能需要熟练掌握而很多人不会的技能
  13. 苹果台式电脑怎么使用计算机,苹果台式电脑开开不了机怎么办
  14. Oracle表空间增加方法
  15. 产品读书《B端产品经理必修课:从业务逻辑到产品构建全攻略》
  16. 获取Winform窗体或Panel下包含的所有控件、根据控件名称获取指定控件
  17. 第六场问题 B: Bumped!(Dijkstra + 优先队列优化)
  18. [ - OpenGLES3.0 - ] 第一集 主线 - 打开新世界的大门
  19. /和/*的区别和用法
  20. git合并分支Pulling is not possible because you have unmerged files.

热门文章

  1. idea 高级调试技巧
  2. java 异步 阻塞io_非阻塞IO与异步IO以及Java实现
  3. 主要知识产权(专利权,著作权,商标权)的申请与保护
  4. 计算机系统自带的文字处理程序,如何使用win7系统电脑的内置字符编辑程序
  5. java取余位运算_Java中对于位运算的优化以及运用与思考
  6. 第一章节 初识C#程序
  7. html文件中用import,@import引入CSS文件
  8. Python入门--字典生成式,生成字典的公式
  9. Assignment 双向队列
  10. npm设置仓库register