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 相关文章推荐
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
Mar 27 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
Feb 27 Javascript
jQuery中实现动画效果的基本操作介绍
Apr 16 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
Dec 31 Javascript
JavaScript数据结构和算法之二叉树详解
Feb 11 Javascript
JavaScript检测字符串中是否含有html标签实现方法
Jul 01 Javascript
JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)
Jun 12 Javascript
深入理解ES6 Promise 扩展always方法
Sep 26 Javascript
bmob js-sdk 在vue中的使用教程
Jan 21 Javascript
微信小程序引入Vant组件库过程解析
Aug 06 Javascript
webpack3升级到webpack4遇到问题总结
Sep 30 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
Jul 11 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使用curl访问https示例分享
2014/01/17 PHP
PHP去掉json字符串中的反斜杠\及去掉双引号前的反斜杠
2015/09/30 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
php的对象传值与引用传值代码实例讲解
2021/02/26 PHP
use jscript with List Proxy Server Information
2007/06/11 Javascript
Javascript下IE与Firefox下的差异兼容写法总结
2010/06/18 Javascript
百度地图api如何使用
2015/08/03 Javascript
BootStrap glyphicons 字体图标实现方法
2016/05/01 Javascript
Svg.js实例教程及使用手册详解(一)
2016/05/16 Javascript
fullpage.js全屏滚动插件使用实例
2016/09/06 Javascript
微信小程序  audio音频播放详解及实例
2016/11/02 Javascript
EL表达式截取字符串的函数说明
2017/09/22 Javascript
JS引用传递与值传递的区别与用法分析
2018/06/01 Javascript
vue项目base64字符串转图片的实现代码
2018/07/13 Javascript
原生JS实现的简单小钟表功能示例
2018/08/30 Javascript
JS浅拷贝和深拷贝原理与实现方法分析
2019/02/28 Javascript
通过jQuery学习js类型判断的技巧
2019/05/27 jQuery
Vue-axios-post数据后端接不到问题解决
2020/01/09 Javascript
Python中将字典转换为XML以及相关的命名空间解析
2015/10/15 Python
简单介绍使用Python解析并修改XML文档的方法
2015/10/15 Python
python 重定向获取真实url的方法
2018/05/11 Python
python实现寻找最长回文子序列的方法
2018/06/02 Python
python正向最大匹配分词和逆向最大匹配分词的实例
2018/11/14 Python
python 求10个数的平均数实例
2019/12/16 Python
TFRecord格式存储数据与队列读取实例
2020/01/21 Python
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
印度最好的在线药品订购网站:PharmEasy
2018/11/30 全球购物
个人自我评价和职业目标
2014/01/24 职场文书
十佳党员事迹材料
2014/08/28 职场文书
蓬莱阁导游词
2015/02/04 职场文书
幼儿园中班教师个人工作总结
2015/02/06 职场文书
保护动物的宣传语
2015/07/13 职场文书
神州牡丹园的导游词
2019/11/20 职场文书
SpringBoot+VUE实现数据表格的实战
2021/08/02 Java/Android
在Spring-Boot中如何使用@Value注解注入集合类
2021/08/02 Java/Android
基于redis+lua进行限流的方法
2022/07/23 Redis