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 相关文章推荐
js、css、img等浏览器缓存问题的2种解决方案
Oct 23 Javascript
JS操作HTML自定义属性的方法
Feb 10 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
Feb 14 Javascript
dedecms页面如何获取会员状态的实例代码
Mar 15 Javascript
jquery.validate使用详解
Jun 02 Javascript
详解JavaScript栈内存与堆内存
Apr 04 Javascript
vue--vuex详解
Apr 15 Javascript
JavaScript 禁止用户保存图片的实现代码
Apr 28 Javascript
JS array数组检测方式解析
May 19 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
Jun 11 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 Javascript
vue+swiper实现左右滑动的测试题功能
Oct 30 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 sprintf()函数让你的sql操作更安全
2008/07/23 PHP
php.ini中的request_order推荐设置
2015/05/10 PHP
php mysql like 实现多关键词搜索的方法
2016/10/29 PHP
javascript Object与Function使用
2010/01/11 Javascript
javascript parseInt与Number函数的区别
2010/01/21 Javascript
js修改table中Td的值(定义td的单击事件)
2013/01/10 Javascript
js获取location.href的参数实例代码
2013/08/02 Javascript
纯js分页代码(简洁实用)
2013/11/05 Javascript
js常用自定义公共函数汇总
2014/01/15 Javascript
javascript 获取网页标题代码实例
2014/01/22 Javascript
ExtJS4 动态生成的grid导出为excel示例
2014/05/02 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
javascript实现的闭包简单实例
2015/07/17 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
自动化测试读写64位操作系统的注册表
2016/08/15 Javascript
Angular2 父子组件数据通信实例
2017/06/22 Javascript
vue iView 上传组件之手动上传功能
2018/03/16 Javascript
vue.js与后台数据交互的实例讲解
2018/08/08 Javascript
浅谈Express.js解析Post数据类型的正确姿势
2019/05/30 Javascript
微信公众号开发之微信支付代码记录的实现
2019/10/16 Javascript
Python判断值是否在list或set中的性能对比分析
2016/04/16 Python
Python基于property实现类的特性操作示例
2018/06/15 Python
关于pytorch中网络loss传播和参数更新的理解
2019/08/20 Python
用Python去除图像的黑色或白色背景实例
2019/12/12 Python
快速解释如何使用pandas的inplace参数的使用
2020/07/23 Python
通过实例简单了解Python sys.argv[]使用方法
2020/08/04 Python
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
印度第一网上礼品店:IGP.com
2020/02/06 全球购物
可以使用抽象函数重写基类中的虚函数吗
2013/06/02 面试题
毕业生求职简历的自我评价
2013/10/07 职场文书
财务专业大学生职业生涯规划范文
2013/12/30 职场文书
婚前财产公证书
2014/04/10 职场文书
大四学生个人总结
2015/02/15 职场文书
村党组织公开承诺书
2015/04/30 职场文书
Python Pygame实战在打砖块游戏的实现
2022/03/17 Python