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 对表格的行和列都能加亮显示
Dec 26 Javascript
js实现兼容IE6与IE7的DIV高度
May 13 Javascript
javascript中的作用域和上下文使用简要概述
Dec 05 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
Mar 05 Javascript
Node.js模块加载详解
Aug 16 Javascript
jQuery中$.each使用详解
Jan 29 Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 Javascript
详解JavaScript for循环中发送AJAX请求问题
Jun 23 Javascript
Highcharts入门之简介
Aug 02 Javascript
HTML的select控件美化
Mar 27 Javascript
webpack开发跨域问题解决办法
Aug 03 Javascript
对 Vue-Router 进行单元测试的方法
Nov 05 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下使用无限生命期Session的方法
2007/03/16 PHP
解析isset与is_null的区别
2013/08/09 PHP
javascript里的条件判断
2007/02/27 Javascript
JavaScript 常用函数库详解
2009/10/21 Javascript
页面使用密码保护代码
2013/04/10 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
2013/04/25 Javascript
浏览器的JavaScript引擎的识别方法
2013/10/20 Javascript
css结合js制作下拉菜单示例代码
2014/02/27 Javascript
Extjs grid添加一个图片状态或者按钮的方法
2014/04/03 Javascript
js实现window.open不被拦截的解决方法汇总
2014/10/30 Javascript
nodejs事件的监听与触发的理解分析
2015/02/12 NodeJs
js+HTML5实现视频截图的方法
2015/06/16 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
详解angular中通过$location获取路径(参数)的写法
2017/03/21 Javascript
JS实现图片放大镜插件详解
2017/11/06 Javascript
如何把vuejs打包出来的文件整合到springboot里
2018/07/26 Javascript
VUE基于NUXT的SSR 服务端渲染
2018/11/30 Javascript
15 分钟掌握vue-next响应式原理
2019/10/13 Javascript
使用axios发送post请求,将JSON数据改为form类型的示例
2019/10/31 Javascript
原生js实现文件上传、下载、封装等实例方法
2020/01/05 Javascript
JavaScript 判断数据类型的4种方法
2020/09/11 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
2020/10/30 Javascript
EM算法的python实现的方法步骤
2018/01/02 Python
15个Pythonic的代码示例(值得收藏)
2020/10/29 Python
phonegap常用事件总结(必看篇)
2017/03/31 HTML / CSS
幼儿园五一活动方案
2014/02/07 职场文书
美术教师岗位职责
2014/03/18 职场文书
我的求职择业计划书
2014/04/04 职场文书
《少年王勃》教学反思
2014/04/27 职场文书
读书小明星事迹材料
2014/05/03 职场文书
体育课外活动总结
2014/07/08 职场文书
追讨欠款律师函
2015/05/27 职场文书
初婚初育证明范本
2015/06/18 职场文书
2019个人半年工作总结
2019/06/21 职场文书
Pandas||过滤缺失数据||pd.dropna()函数的用法说明
2021/05/14 Python
JS创建或填充任意长度数组的小技巧汇总
2021/10/24 Javascript