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脚本类
Aug 27 Javascript
Javascript图像处理—平滑处理实现原理
Dec 28 Javascript
高效率JavaScript编写技巧整理
Aug 23 Javascript
js给selected添加options的方法
May 06 Javascript
JavaScript脚本库编写的方法
Dec 09 Javascript
jQuery EasyUi实战教程之布局篇
Jan 26 Javascript
使用jquery获取url以及jquery获取url参数的实现方法
May 25 Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 Javascript
基于vue实现分页效果
Nov 06 Javascript
详解vue 路由跳转四种方式 (带参数)
Apr 28 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
May 13 Javascript
jQuery位置选择器用法实例分析
Jun 28 jQuery
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+MSSQL分页的例子
2006/10/09 PHP
深入理解PHP原理之Session Gc的一个小概率Notice
2011/04/12 PHP
php学习之数据类型之间的转换代码
2011/05/29 PHP
用PHP代替JS玩转DOM的思路及示例代码
2014/06/15 PHP
简单介绍PHP非阻塞模式
2016/03/03 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
js继承 Base类的源码解析
2008/12/30 Javascript
Extjs4 Treegrid 使用心得分享(经验篇)
2013/07/01 Javascript
关于javaScript注册click事件传递参数的不成功问题
2014/07/18 Javascript
一个JavaScript处理textarea中的字符成每一行实例
2014/09/22 Javascript
js实现九宫格图片半透明渐显特效的方法
2015/02/16 Javascript
使用jquery组件qrcode生成二维码及应用指南
2015/02/22 Javascript
JavaScript原生对象之Date对象的属性和方法详解
2015/03/13 Javascript
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
JavaScript多图片上传案例
2015/09/28 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
vue项目打包后打开页面空白解决办法
2018/06/29 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
2018/09/04 jQuery
Vue实现指令式动态追加小球动画组件的步骤
2020/12/18 Vue.js
Python+selenium 获取一组元素属性值的实例
2018/06/22 Python
在python中使用with打开多个文件的方法
2019/01/07 Python
numpy.array 操作使用简单总结
2019/11/08 Python
python3 实现口罩抽签的功能
2020/03/11 Python
Python函数生成器原理及使用详解
2020/03/12 Python
在PyTorch中使用标签平滑正则化的问题
2020/04/03 Python
Python selenium实现断言3种方法解析
2020/09/08 Python
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
2014/11/05 HTML / CSS
美国知名的百货清仓店:Neiman Marcus Last Call
2016/08/03 全球购物
美国体育用品在线:Modell’s Sporting Goods
2018/06/07 全球购物
密封类可以有虚函数吗
2014/08/11 面试题
辩论赛主持词
2014/03/18 职场文书
市场推广策划方案
2014/06/02 职场文书
毕业生求职信
2014/06/10 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
Win11 Beta 预览版 22621.575 和 22622.575更新补丁KB5016694发布(附更新内容大全)
2022/08/14 数码科技