程序博客网 > cms内容管理系统 简书

一个不错的幻灯片效果

来源：互联网 发布：cms内容管理系统 简书 编辑：程序博客网 时间：2024/04/25 11:42
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 图片播放器 -无忧WEB技术网</TITLE>
<metahttp-equiv="pragma"content="no-cache">
<metahttp-equiv="cache-control"content="no-cache,must-revalidate">
<metahttp-equiv="expires"content="wed,26feb199708:21:57gmt">
<style>
body{font-size:12px;margin:0px;height:100%;}
#rotatorPlayer{text-align:center;width:100%}
#seconddiv{position:absolute;z-index:1;top:0;left:702;text-align:left;border:1px #333333 solid;height:100%;padding:6px}
img{border:0px}
#menu{position:absolute;z-index:1;top:40;left:710;width:200px;text-align:left}
#second{width:116px;height:20px;border:1px #000000 solid}
#button{width:60px;height:20px;border:1px #000000 solid;cursor:hand}
</style>
</HEAD>
<BODY scroll=no>
<div id=seconddiv><select name="second" id=second>
<option value=1>1 秒</option>
<option value=2>2 秒</option>
<option value=3>3 秒</option>
<option value=4>4 秒</option>
<option value=5>5 秒</option>
<option value=6>6 秒</option>
<option value=7>7 秒</option>
<option value=8>8 秒</option>
<option value=9>9 秒</option>
<option value=10>10 秒</option>
<option value=15>15 秒</option>
<option value=20>20 秒</option>
<option value=30>30 秒</option>
<option value=40>40 秒</option>
<option value=50>50 秒</option>
<option value=60>60 秒</option>
<option value=100>100 秒</option>
<option value=200>200 秒</option>
<option value=500>500 秒</option>
</select>&nbsp;&nbsp;<button id=button onclick="adRotator.set(getRef('second').value)">播放</button></div>
<div style="width:700;height:100%">
<div id=AdRotator></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
function pimsize(imgname,widths,heights){
var w;
var h;
//window.alert(picimg.width);
//window.alert(picimg.height);
w=imgname.width;
h=imgname.height;
if(imgname.width>widths){
do
w=w-1;
while (w&gt;widths) ;
s=w/imgname.width;
//window.alert(s);
imgname.width=w;
imgname.height=h*s;
h=imgname.height
}
//window.alert(imgname.height);
//window.alert(heights);
if(imgname.height&gt;heights){
do
h=h-1;
while (h&gt;heights) ;
s=h/imgname.height;
//window.alert(s);
imgname.width=w*s;
imgname.height=heights;
}
}
 

function adRotator() {};
adRotator.initialize=function(o)
{
 // script by blueDestiny
 this._t = new Array();
 this._l = new Array();
 this._p = new Array();
 this._i = new Image();
 this._c = 0;
 this._f = false;
 this._o = o;
 this._timeout = null;
 this._html = "";
 // configration.
 // @ image width
 // @ image height
 // @ rotator speed
 // @ filter type
 this._w = 450;
 this._h = 450;
 this._s = 4;
 this._x = 23;
 return this;
};
adRotator.add=function(p,t,l) { with (this)
{
 _p.push(p);
 _t.push(t);
 _l.push(l);
}};
adRotator.load=function() { with (adRotator)
{
 if( _i.readyState=='complete' )
 {
  if(_p.length-1==_c)
  {
   _f = true;
   _c = 0;
   window.clearTimeout(_timeout);
   //getRef("AdRotator").innerHTML="complete";
   adRotator.play();
  }
  else
  {
   _c++;
   getRef(_o).innerHTML="total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "...";
   _timeout=window.setTimeout(adRotator.load,10)
  }
 }
 else
 {
  getRef(_o).innerHTML="total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "...";
  _timeout=window.setTimeout(adRotator.load,10)
 }
}};
adRotator.play=function() { with (adRotator)
{
 if( _f )
 {
 _html = "";
 _html += '<table style="border:1px solid #333333;width:100%;height:100%" align=center><tr><td style="font-size:9pt;font-family:tahoma;font-weight:bold;text-align:Center">'
 _html += '<div id="rotatorPlayer"'
   + ' style="width:' + _w + ''
   + ';height:"' + _h + '"'
   + '>'
 _html += '<a href="' + ( _l[_c] ? _l[_c] : "javascript:void(0);" ) + '">';
 _html += '<img name=img id="rotatorPic" src="' + _p[_c] + '"'
   //+ ' width="' + _w + '"'
   //+ ' height="' + _h + '"'
   + 'onload="pimsize(img,700,550)"'
   + (_t[_c]?' title="' + _t[_c] + '"':'')
   + ' style="border:1px solid blue;FILTER:revealTrans(transition=' + _x + ',duration=1);"'
   + ' >';
 _html += (_t[_c]?('<div align="center">' + (_c+1) + '. ' + _t[_c] + '</div>'):'<p></p>');
 _html += '</a>';
 _html += "</div>";
 _html += '<div id=menu>';
 for(var i=0; i<_p.length; i++)
  _html += '&lt;span'
     + ' style="border:1px solid #333333;padding:1px 5px 1px 5px;height:20px;text-align:center;cursor:'
     + (_c==i ? ('default;background-color:red;"') : 'hand;" onclick="adRotator.select(' + i + ')"')
     + '>'
     + (i&gt;8?(i+1):('0'+(i+1)))+ '</span> ';
 _html += "</div></td></tr></table>";
 getRef(_o).innerHTML = _html;
 getRef("rotatorPic").filters[0].Apply();
 getRef("rotatorPic").filters[0].Play();
 next();
 }
 else
 {
  _i.src = _p[_c];
  adRotator.load();
 }
}};
adRotator.next=function() { with (this)
{
 (_p.length-1==_c) ? _c=0 : _c++;
 _timeout=window.setTimeout(adRotator.play,_s*1000);
}};
adRotator.select=function(i) { with (this)
{
 window.clearTimeout(_timeout);
 _c=i;
 adRotator.play();
}};
adRotator.set=function(second) { with (this)
{
 window.clearTimeout(_timeout);
 if((//d+/).test(second)==true)
 {
  _s=second;
  adRotator.play();
 }
 else
 {
  alert("must be digit!")
  adRotator.play();
 }
}};
function getRef(id)
{
 return (document.all?document.all(id):document.getElementById(id));
}
adRotator.initialize("AdRotator");
adRotator.add("http://img1.qq.com/ent/20060218/3215110.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215111.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215112.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215113.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215114.jpg","aa","#")
adRotator.add("http://www.mydeskcity.com/theme/WorldMap/400/WorldMap08.jpg","aa","#")
adRotator.add("http://www.mydeskcity.com/theme/WorldMap/400/WorldMap08.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215112.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215113.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215114.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215110.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215111.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215112.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215113.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215114.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215110.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215111.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215112.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215113.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215114.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215110.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215111.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215112.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215113.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215114.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215110.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215111.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215112.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215113.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215114.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215110.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215111.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215112.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215113.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215114.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215110.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215111.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215112.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215113.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215114.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215110.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215111.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215112.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215113.jpg","aa","#")
adRotator.add("http://img1.qq.com/ent/20060218/3215114.jpg","aa","#")
adRotator.play();
//--&gt;
</SCRIPT>
</BODY>
</HTML>
 
cms内容管理系统 简书 cms内容管理系统 简书
原创粉丝点击
热门IT博客
win7 网络打印 不打印win7 网络打印 不打印
排水沟流量计算软件排水沟流量计算软件
怎么用c语言写贪吃蛇
原生js获取兄弟元素
软件原型设计公司
线切割用什么编程软件
大数据 破获 绑架案
淘宝url短链还原
ubuntu1604更新软件源
淘宝卖虚拟产品
js网页快捷方式到桌面
java证书等级
刊物排版软件
软件系统的定义
python 字符串 分割
淘宝店铺整体运营思路
2014年消费数据统计
淘宝汤浅蓄电池真假
在德国可以上淘宝吗
淘宝衣服都是来自哪里
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 豪大大爆浆鸡排 大脸鸡排芝士爆浆鸡排 爆浆大鸡排 矿用隔爆型潜水排沙电泵 爆浆鸡排的做法 爆桨鸡排 第一佳鸡排店爆浆鸡排 爆浆鸡排怎么样 爆浆拉丝鸡排 爆浆鸡排店 爆浆炸鸡排 起司爆浆鸡排 爆浆芝士鸡排 第一佳爆浆鸡排 爆酱鸡排 爆浆鸡排培训 爆汁鸡排 爆浆鸡排的热量 隔爆型排风扇 爆炒羊排的家常做法 第1佳爆浆鸡排 大脸鸡排爆浆鸡排 大脸爆浆鸡排 翻滚吧爆浆鸡排 皇家爆浆鸡排 排版 文档排版 word排版 文字排版 排版设计 手抄报排版 图片排版 ppt图片排版 海报排版 排版模板 排版图片 公众号排版 画册排版 排版怎么排 ppt排版 论文排版

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里