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 函数对象的多重身份
Jun 28 Javascript
js 优化次数过多的循环 考虑到性能问题
Mar 05 Javascript
使用jQuery判断IE浏览器版本的代码
Jun 14 Javascript
JQuery中的html()、text()、val()区别示例介绍
Sep 01 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
Jun 24 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
Jul 21 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
最实用的jQuery分页插件
Oct 09 Javascript
详解为Angular.js内置$http服务添加拦截器的方法
Dec 20 Javascript
Vue实现双向绑定的方法
Dec 22 Javascript
javascript设计模式之策略模式学习笔记
Feb 15 Javascript
jQuery实现参数自定义的文字跑马灯效果
Aug 15 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入门速成教程
2007/03/19 PHP
Mootools 1.2教程 选项卡效果(Tabs)
2009/09/15 Javascript
javascript之通用简单的table选项卡实现(二)
2010/05/09 Javascript
javascript 设为首页与加入收藏兼容多浏览器代码
2011/01/11 Javascript
javascript获取作用在元素上面的样式属性代码
2012/09/20 Javascript
js网页实时倒计时精确到秒级
2014/02/10 Javascript
js使用递归解析xml
2014/12/12 Javascript
jQuery实现两款有动画功能的导航菜单代码
2015/09/16 Javascript
jQuery.deferred对象使用详解
2016/03/18 Javascript
JavaScript基于原型链的继承
2016/06/22 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
2016/09/08 Javascript
Vue2.0 组件传值通讯的示例代码
2017/08/01 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
2018/04/11 jQuery
Vue前端开发规范整理(推荐)
2018/04/23 Javascript
javascript实现异形滚动轮播
2019/11/28 Javascript
js实现碰撞检测
2021/01/29 Javascript
[48:45]Ti4 循环赛第二日 NEWBEE vs EG
2014/07/11 DOTA
[03:20]2015国际邀请赛全明星表演赛
2015/08/08 DOTA
Python实现PS图像调整颜色梯度效果示例
2018/01/25 Python
Python中的random.uniform()函数教程与实例解析
2019/03/02 Python
安装好Pycharm后如何配置Python解释器简易教程
2019/06/28 Python
python字符串常用方法及文件简单读写的操作方法
2020/03/04 Python
PYQT5 vscode联合操作qtdesigner的方法
2020/03/24 Python
Django QuerySet查询集原理及代码实例
2020/06/13 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
详解css3自定义滚动条样式写法
2017/12/25 HTML / CSS
移动端rem布局的两种实现方法
2018/01/03 HTML / CSS
李宁官方网店:中国运动品牌
2017/11/02 全球购物
香港彩色隐形眼镜在线商店:Stunninglens(全球免费送货)
2019/05/10 全球购物
联想英国官网:Lenovo英国
2019/07/17 全球购物
Ancheer官方户外和运动商店:销售电动自行车
2019/08/07 全球购物
英国知名小木屋定制网站:Tiger Sheds
2020/03/06 全球购物
PHP使用Redis队列执行定时任务实例讲解
2021/03/24 PHP
初二物理教学反思
2014/01/29 职场文书
Vue+Element UI实现概要小弹窗的全过程
2021/05/30 Vue.js