一个图片轮换效果的JS
<!--
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相关推荐
- 腾讯《活着》频道JS图片轮换效果解析
腾讯<活着>频道JS图片轮换效果解析 1.原理分析 总析: 包含内容的层->宽:900 高:400 主要显示层-> 宽800 高400 即最上面那层 z-index=100 中 ...
- Flash 图片轮换效果
Flash全站的技术应用系列: (一)AS+JS的Flash网站无刷新定位技术 (二)Flash网站的SEO (三)Flash网站的流量统计 (四)让Flash网站具有IE前进后退的功能 (五)图片 ...
- tween.js一个平滑动效果的js动画库
tween.js一个平滑动效果的js动画库 tween.js是什么? tween.js是一款可生成平滑动效果的js动画库,允许以平滑的方式修改元素的属性值. tween.js达到什么效果? 它可以通过 ...
- php中轮转图片js代码,js实现图片轮换效果代码
var numb = 0; var imgnumb = 1; function showimg() { //两张图片切换方法1 /*numb++; if (numb % 2 == 0) { docum ...
- 从懒人图库下载下来的一个图片播放效果有点问题,修改了一处代码之后ok了
由于需要做一个图片轮播效果,在懒人图库下载了一个js代码,当只有一排图片轮播时,效果是好的, <SCRIPT type=text/javascript> var D=YAHOO.util. ...
- Qt之QAbstractAnimation 实现网易云音乐背景墙图片轮换效果
简述 最近在做一个小项目,需要实现网易云音乐背景墙的轮换效果,Qt没有封装这样的控件类,只好自己手动实现如下: 效果 官方效果: 实现效果: 代码 以下是.h代码: #ifndef ANIMATEDW ...
- 微博点击图片放大html,新浪微博图片放大效果[artZoom.js]
(本文示例脚本于2010-05-28更新) 如果说09年是SNS年,那10年肯定微博年,各大网站都推出或者准备推出自己的微博.我这几天都在看新浪微博,对新浪微博的用户体验很欣赏,有些细节我自己也琢磨了 ...
- 一个图片展示效果的站点
http://www.blackcube.cn/ 转载于:https://www.cnblogs.com/vilyLei/archive/2009/12/04/1616770.html
- js图片轮换显示实例(转载)
2019独角兽企业重金招聘Python工程师标准>>> 转自:http://www.cnblogs.com/yes123/p/3702519.html 用js脚本实现图片轮换显示,很 ...
最新文章
- linux下载哪个python版本-Linux升级python版本
- 一、CSS实现横列布局的方法总结
- 人工智能简史(Rockwell Anyoha )
- 【前端】.easyUI.c#
- C语言将不固定的表达式转换为后缀表达式(附完整源码)
- java param request_使用@RequestParam将请求参数绑定至方法参数
- nslookup 包含在那个包中_nslookup命令详解
- 红橙Darren视频笔记 自定义sidebar 自定义View ViewGroup套路
- eclipsevue代码怎么运行_打了多年的单片机调试断点到底应该怎么设置? | 颠覆认知...
- Win10/Win7下添加Protel 99 SE库文件
- Rplidar A2M8屏蔽角度
- Excel 有哪些可能需要熟练掌握而很多人不会的技能
- 苹果台式电脑怎么使用计算机,苹果台式电脑开开不了机怎么办
- Oracle表空间增加方法
- 产品读书《B端产品经理必修课:从业务逻辑到产品构建全攻略》
- 获取Winform窗体或Panel下包含的所有控件、根据控件名称获取指定控件
- 第六场问题 B: Bumped!(Dijkstra + 优先队列优化)
- [ - OpenGLES3.0 - ] 第一集 主线 - 打开新世界的大门
- /和/*的区别和用法
- git合并分支Pulling is not possible because you have unmerged files.