TFDN图片播放器 不错自动播放


Posted in Javascript onOctober 03, 2006
<html> 
<head> 
<title>52515.net上传程序</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<style type="text/css"> 
    <!-- 
    body,td,th { 
    font-size: 14px; 
    color: #FFFFFF; 
    } 
INPUT { 
    BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px 
} 
.style1 { 
    font-size: 36px; 
    font-family: "隶书"; 
} 
body { 
    background-color: #000000; 
} 
a:link { 
    color: #FFFFFF; 
    text-decoration: none; 
} 
a:visited { 
    color: #FFFFFF; 
    text-decoration: none; 
} 
a:hover { 
    color: #FFFFFF; 
    text-decoration: none; 
} 
a:active { 
    color: #FFFFFF; 
    text-decoration: none; 
} 
.style2 {font-size: 18px} 
    --> 
</style> <SCRIPT language=JavaScript> 
<!-- Begin 
//more javascript from http://www.smallrain.net 
var rotate_delay = 3000; // delay in milliseconds (1000 = 1 secs) 
current = 0; 
function next() { 
    if (document.slideform.slide[current+1]) { 
        if(document.all){ 
            document.images.show.style.filter="blendTrans(duration=2)" 
            document.images.show.style.filter="blendTrans(duration=crossFadeDuration)" 
            document.images.show.filters.blendTrans.Apply()       
        } 
        document.images.show.src = document.slideform.slide[current+1].value; 
        if(document.all){ 
            document.images.show.filters.blendTrans.play()     
        } 
        document.slideform.slide.selectedIndex = ++current; 
   } 
else first(); 
} 
function previous() { 
if (current-1 >= 0) { 
        if(document.all){ 
            document.images.show.style.filter="blendTrans(duration=2)" 
            document.images.show.style.filter="blendTrans(duration=crossFadeDuration)" 
            document.images.show.filters.blendTrans.Apply()   
        } 
        document.images.show.src = document.slideform.slide[current-1].value; 
        if(document.all){ 
            document.images.show.filters.blendTrans.play()     
        }         
        document.slideform.slide.selectedIndex = --current; 
   } 
else last(); 
} 
function first() { 
current = 0; 
        if(document.all){ 
            document.images.show.style.filter="blendTrans(duration=2)" 
            document.images.show.style.filter="blendTrans(duration=crossFadeDuration)" 
            document.images.show.filters.blendTrans.Apply()  
        } 
    document.images.show.src = document.slideform.slide[0].value; 
        if(document.all){ 
            document.images.show.filters.blendTrans.play()     
        }     
document.slideform.slide.selectedIndex = 0; 
} 
function last() { 
    current = document.slideform.slide.length-1; 
    if(document.all){ 
            document.images.show.style.filter="blendTrans(duration=2)" 
            document.images.show.style.filter="blendTrans(duration=crossFadeDuration)" 
            document.images.show.filters.blendTrans.Apply()  
        } 
    document.images.show.src = document.slideform.slide[current].value; 
        if(document.all){ 
            document.images.show.filters.blendTrans.play()     
        }     
    document.slideform.slide.selectedIndex = current; 
} 
function ap(text) { 
    document.slideform.slidebutton.value = (text == "停止播放") ? "自动播放" : "停止播放"; 
    rotate(); 
} 
function change() { 
    current = document.slideform.slide.selectedIndex; 
    if(document.all){ 
        document.images.show.style.filter="blendTrans(duration=2)" 
        document.images.show.style.filter="blendTrans(duration=crossFadeDuration)" 
        document.images.show.filters.blendTrans.Apply()  
    } 
    document.images.show.src = document.slideform.slide[current].value; 
    if(document.all){ 
        document.images.show.filters.blendTrans.play()     
    }     
} 
function rotate() { 
if (document.slideform.slidebutton.value == "停止播放") { 
        current = (current == document.slideform.slide.length-1) ? 0 : current+1; 
        if(document.all){ 
            document.images.show.style.filter="blendTrans(duration=2)" 
            document.images.show.style.filter="blendTrans(duration=crossFadeDuration)" 
            document.images.show.filters.blendTrans.Apply()  
        } 
        document.images.show.src = document.slideform.slide[current].value; 
        if(document.all){ 
            document.images.show.filters.blendTrans.play()     
        }     
        document.slideform.slide.selectedIndex = current; 
        window.setTimeout("rotate()", rotate_delay); 
    } 
} 
//  End --> 
</SCRIPT> 
</head> 
<body> 
<FORM name=slideform> 
<div align="center" class="style1"> TFDN图片播放器 
</div> 
<TABLE width="80%" height="243" border=1 align=center cellPadding=0 cellSpacing=0 bordercolor="#009900" bgcolor="#009933" style="border-collapse:collapse"> 
<TR> 
<TD height="220" align="center" vAlign=center ><IMG src="http://61.152.149.36/images/shanghai/office/8gua20050901/1767.jpg" align=center name=show > </TD> 
</TR> 
</TABLE> 

<TABLE width="80%" border=1 align="center" cellPadding=0 cellSpacing=0 bordercolor="#FF9900" style="border-collapse:collapse"> 
<TR> 
<TD  height=29 align=middle bgcolor="#FF9900" > 
<% 
    set rs=conn.execute("select * from upload order by id") 
%> 
<SELECT onchange=change(); name=slide> 
<% do while not rs.eof %> 
<OPTION value=<%=rs("upfile")%>><%=rs("filename")%></OPTION> 
<%  
    rs.movenext 
    loop 
    set rs=nothing 
    set conn=nothing 
%> 
</SELECT> 
<INPUT title=Beginning onclick=first(); type=button value="首张"> 
<INPUT title=Previous onclick=previous(); type=button value="上一张"> 
<INPUT title=AutoPlay onclick=ap(this.value); type=button value=自动播放 name=slidebutton> 
<INPUT title=Next onclick=next(); type=button value="下一张"> 
<INPUT title=End onclick=last(); type=button value="尾张">  
<a href="up.htm">[上传图片]</a> <a href="admin.asp">[图片管理] 
</a></TD> 
</TR> 
</TABLE> 
</FORM> 
</body> 
</html>
Javascript 相关文章推荐
javascript 二维数组的实现与应用
Mar 16 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
Apr 12 Javascript
JavaScript的原型继承详解
Feb 15 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
May 20 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
Mar 09 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
Sep 27 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
通过jquery的ajax请求本地的json文件方法
Aug 08 jQuery
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 Javascript
Vue对象赋值视图不更新问题及解决方法
Jun 03 Javascript
微信小程序class封装http代码实例
Aug 24 Javascript
原生js实现日期选择插件
May 21 Javascript
DOM精简教程
Oct 03 #Javascript
JavaScript去除空格的几种方法
Oct 03 #Javascript
让您的菜单不离网站
Oct 03 #Javascript
为数据添加append,remove功能
Oct 03 #Javascript
Array对象方法参考
Oct 03 #Javascript
一个对于Array的简单扩展
Oct 03 #Javascript
滚动经典最新话题[prototype框架]下编写
Oct 03 #Javascript
You might like
PHP在线调试执行的实现方法(附demo源码)
2016/04/28 PHP
javascript背投广告代码的完善
2008/04/08 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
2010/04/01 Javascript
javascript返回顶部效果(自写代码)
2013/01/06 Javascript
JS实现程序暂停与继续功能代码解读
2013/10/10 Javascript
JS事件在IE与FF中的区别详细解析
2013/11/20 Javascript
smartcrop.js智能图片裁剪库
2015/10/14 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
2015/12/04 Javascript
简单总结JavaScript中的String字符串类型
2016/05/26 Javascript
jQuery图片左右滚动代码 有左右按钮实例
2016/06/20 Javascript
Vue.js组件使用开发实例教程
2016/11/01 Javascript
关于js函数解释(包括内嵌,对象等)
2016/11/20 Javascript
JS点击缩略图整屏居中放大图片效果
2017/07/04 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
JS数组去重的6种方法完整实例
2018/12/08 Javascript
element-ui 时间选择器限制范围的实现(随动)
2019/01/09 Javascript
小程序实现多列选择器
2019/02/15 Javascript
js中的深浅拷贝问题简析
2019/05/10 Javascript
vue实现按需加载组件及异步组件功能
2019/05/27 Javascript
vue $mount 和 el的区别说明
2020/09/11 Javascript
vue自定义组件实现双向绑定
2021/01/13 Vue.js
[02:14]2016国际邀请赛中国区预选赛Ehome晋级之路
2016/07/01 DOTA
python实现socket客户端和服务端简单示例
2014/02/24 Python
python用reduce和map把字符串转为数字的方法
2016/12/19 Python
Python中常用的8种字符串操作方法
2019/05/06 Python
使用Pycharm在运行过程中,查看每个变量的操作(show variables)
2020/06/08 Python
对Keras中predict()方法和predict_classes()方法的区别说明
2020/06/09 Python
django models里数据表插入数据id自增操作
2020/07/15 Python
HTML5等待加载动画效果
2017/07/27 HTML / CSS
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
Fox Racing官方网站:越野摩托车和山地自行车装备和服装
2019/12/23 全球购物
英文简历中的自我评价
2013/10/06 职场文书
爱护公物演讲稿
2014/09/09 职场文书
优秀英文求职信范文
2015/03/19 职场文书
初中军训感想
2015/08/07 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书