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 相关文章推荐
Ajax::prototype 源码解读
Jan 22 Javascript
HTML中事件触发列表与解说
Jul 09 Javascript
简单的js表单验证函数
Oct 28 Javascript
javascript的渐进增强与平稳退化浅谈
Nov 12 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
Mar 31 Javascript
js实现跨域访问的三种方法
Dec 09 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
Jul 05 Javascript
微信小程序 绘图之饼图实现
Oct 24 Javascript
基于vue-video-player自定义播放器的方法
Mar 21 Javascript
React-redux实现小案例(todolist)的过程
Sep 29 Javascript
Jquery ajax书写方法代码实例解析
Jun 12 jQuery
ant design vue的form表单取值方法
Jun 01 Vue.js
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
通过文字传递创建的图形按钮
2006/10/09 PHP
php addslashes和mysql_real_escape_string
2010/01/24 PHP
PHP使用Alexa API获取网站的Alexa排名例子
2014/06/12 PHP
ThinkPHP行为扩展Behavior应用实例详解
2014/07/22 PHP
详解PHP 二维数组排序保持键名不变
2019/03/06 PHP
PHP基于openssl实现非对称加密代码实例
2020/06/19 PHP
script的async属性以非阻塞的模式加载脚本
2013/01/15 Javascript
js动态为代码着色显示行号
2013/05/29 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
简介JavaScript中Boolean.toSource()方法的使用
2015/06/05 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
jQuery文字横向滚动效果的实现代码
2016/05/31 Javascript
jQuery简单验证上传文件大小及类型的方法
2016/06/02 Javascript
JS遍历页面所有对象属性及实现方法
2016/08/01 Javascript
关于微信上网页图片点击全屏放大效果
2016/12/19 Javascript
vue移动端UI框架实现QQ侧边菜单组件
2018/03/09 Javascript
详解vue组件基础
2018/05/04 Javascript
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
2020/06/01 Javascript
antd日期选择器禁止选择当天之前的时间操作
2020/10/29 Javascript
zbar解码二维码和条形码示例
2014/02/07 Python
python下10个简单实例代码
2017/11/15 Python
对python中的pop函数和append函数详解
2018/05/04 Python
使用sklearn进行对数据标准化、归一化以及将数据还原的方法
2018/07/11 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
Python 把序列转换为元组的函数tuple方法
2019/06/27 Python
django url到views参数传递的实例
2019/07/19 Python
浅析python函数式编程
2020/09/26 Python
阿里巴巴美国:Alibaba美国
2019/11/24 全球购物
安德玛菲律宾官网:Under Armour菲律宾
2020/07/28 全球购物
Windows和Linux动态库应用异同
2016/04/17 面试题
学生拾金不昧表扬信
2014/01/21 职场文书
领导干部群众路线对照检查材料
2014/11/05 职场文书
通知函格式范文
2015/04/27 职场文书
Go语言中break label与goto label的区别
2021/04/28 Golang
使用JS前端技术实现静态图片局部流动效果
2022/08/05 Javascript
蓝牙耳机怎么连接电脑win11? Win11蓝牙耳机连接电脑的技巧
2023/01/09 数码科技