JavaScript] 随机幻灯片图片效果
2006-06-08 22:57
246 查看
<script>
<!--
//////////////////////////////////////////////////////////////////
// 闪烁图片 //
//第 7,8,9 行更改总体设置 第 65 行开始加入自定义内容 //
//将JS嵌入到显示的固定位置 //
//2006.02.10 V1.00 By Clear for PPLive.com //
//////////////////////////////////////////////////////////////////
var intSTime = 4000;//定义图片轮换时间
var intSWidth = 240;//定义图片宽度,单位:像素
var intSHeight = 180;//定义图片高度,单位:像素
var collectSAd;
var adNum = 0
function slectImg(){
this.items = [];
this.addItem = function(adURL,strURL,strBak,intChMode,intTarget){
var newItem = {};
newItem.adURL = adURL;
newItem.strURL = strURL;
newItem.strBak = strBak;
newItem.intChMode = intChMode;
newItem.intTarget = intTarget;
this.items[this.items.length] = newItem;
}
this.play = function(){
collectSAd = this.items
strHtml()
nextAd()
}
}
function setTransition(){
if (document.all){
if(collectSAd[adNum].intChMode == ""){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
}else{
bannerADrotator.filters.revealTrans.Transition=collectSAd[adNum].intChMode;
}
bannerADrotator.filters.revealTrans.apply();
}
}
function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}
function nextAd(){
adNum<collectSAd.length-1?adNum++:adNum=0;
setTransition();
document.images.bannerADrotator.src=collectSAd[adNum].adURL;
playTransition();
document.images.bannerADrotator.alt=collectSAd[adNum].strBak;
theTimer=setTimeout("nextAd()", intSTime);
}
function jump2url(){
jumpUrl=collectSAd[adNum].strURL;
if (jumpUrl != ''){
if(collectSAd[adNum].intTarget != "")window.open(jumpUrl,collectSAd[adNum].intTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=collectSAd[adNum].strURL;
document.returnValue = true;
}
function strHtml(){
document.write("<a onmouseover=\"displayStatusMsg();return document.returnValue\" href=\"javascript:jump2url()\"><img src=\"javascript:nextAd()\" name=\"bannerADrotator\" width=\""+intSWidth+"\" height=\""+intSHeight+"\" border=\"0\" style=\"filter: revealTrans(duration=2,transition=20)\"></a>")
}
var theSlectImg = new slectImg();
theSlectImg.addItem("http://www.alixixi.com/alixixi.gif","http://www.alixixi.com","图片1","","")
theSlectImg.addItem("http://www.alixixi.com/MyZONE-Logo.jpg","http://www.alixixi.com","图片2","","")
theSlectImg.addItem("http://www.alixixi.com/images/ASP.jpg","http://www.alixixi.com","图片3","","")
theSlectImg.play()
//使用方法:
//首先修改7,8,9行总体设置
//然后重复调用控件:
//theSlectImg.addItem(adURL,strURL,strBak,intChMode,intTarget)
//adURL 定义图片路径
//strURL 定义图片链接
//strBak 定义图片出错时的备用提示
//intChMode 定义图片更换方式,范围为0-23,(详细效果查询CSS指南),为空时显示随机效果
//intTarget 定义广告弹出方式,为空时在本页显示,可选参数"_blank","_self","_top","_parent"
//-->
</Script>
<!--
//////////////////////////////////////////////////////////////////
// 闪烁图片 //
//第 7,8,9 行更改总体设置 第 65 行开始加入自定义内容 //
//将JS嵌入到显示的固定位置 //
//2006.02.10 V1.00 By Clear for PPLive.com //
//////////////////////////////////////////////////////////////////
var intSTime = 4000;//定义图片轮换时间
var intSWidth = 240;//定义图片宽度,单位:像素
var intSHeight = 180;//定义图片高度,单位:像素
var collectSAd;
var adNum = 0
function slectImg(){
this.items = [];
this.addItem = function(adURL,strURL,strBak,intChMode,intTarget){
var newItem = {};
newItem.adURL = adURL;
newItem.strURL = strURL;
newItem.strBak = strBak;
newItem.intChMode = intChMode;
newItem.intTarget = intTarget;
this.items[this.items.length] = newItem;
}
this.play = function(){
collectSAd = this.items
strHtml()
nextAd()
}
}
function setTransition(){
if (document.all){
if(collectSAd[adNum].intChMode == ""){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
}else{
bannerADrotator.filters.revealTrans.Transition=collectSAd[adNum].intChMode;
}
bannerADrotator.filters.revealTrans.apply();
}
}
function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}
function nextAd(){
adNum<collectSAd.length-1?adNum++:adNum=0;
setTransition();
document.images.bannerADrotator.src=collectSAd[adNum].adURL;
playTransition();
document.images.bannerADrotator.alt=collectSAd[adNum].strBak;
theTimer=setTimeout("nextAd()", intSTime);
}
function jump2url(){
jumpUrl=collectSAd[adNum].strURL;
if (jumpUrl != ''){
if(collectSAd[adNum].intTarget != "")window.open(jumpUrl,collectSAd[adNum].intTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=collectSAd[adNum].strURL;
document.returnValue = true;
}
function strHtml(){
document.write("<a onmouseover=\"displayStatusMsg();return document.returnValue\" href=\"javascript:jump2url()\"><img src=\"javascript:nextAd()\" name=\"bannerADrotator\" width=\""+intSWidth+"\" height=\""+intSHeight+"\" border=\"0\" style=\"filter: revealTrans(duration=2,transition=20)\"></a>")
}
var theSlectImg = new slectImg();
theSlectImg.addItem("http://www.alixixi.com/alixixi.gif","http://www.alixixi.com","图片1","","")
theSlectImg.addItem("http://www.alixixi.com/MyZONE-Logo.jpg","http://www.alixixi.com","图片2","","")
theSlectImg.addItem("http://www.alixixi.com/images/ASP.jpg","http://www.alixixi.com","图片3","","")
theSlectImg.play()
//使用方法:
//首先修改7,8,9行总体设置
//然后重复调用控件:
//theSlectImg.addItem(adURL,strURL,strBak,intChMode,intTarget)
//adURL 定义图片路径
//strURL 定义图片链接
//strBak 定义图片出错时的备用提示
//intChMode 定义图片更换方式,范围为0-23,(详细效果查询CSS指南),为空时显示随机效果
//intTarget 定义广告弹出方式,为空时在本页显示,可选参数"_blank","_self","_top","_parent"
//-->
</Script>
相关文章推荐
- 【web前端】JavaScript实现图片幻灯片滚动播放动画效果
- JavaScript图片幻灯片显示效果
- javascript - 图片的幻灯片效果
- 一个不错的,JavaScript代码,显示首页图片幻灯片效果
- javascript实现图片切换的幻灯片效果源代码
- 一个不错的,JavaScript代码,显示首页图片幻灯片效果
- javascript随机图片效果
- 随机幻灯片图片效果
- js打造图片幻灯片效果——多幅图片淡入淡出切换
- javascript和HTML5上传图片之前实现预览效果
- 两个效果蛮好的javascript幻灯片(Jquery slider)
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果(新增下载地址)
- 一款在论坛上看到的JS封装的随机过渡方式的图片切换效果
- javascript随机显示图片
- JavaScript 图片切换展示效果alibaba拓展版第1/3页
- JavaScript 渐变效果页面图片控制第1/2页
- JavaScript 图片切割效果
- JavaScript图片转换效果
- javascript 图片幻灯片切换类:XScroll.js发布