TFDN图片播放器 不错自动播放

代码如下:

<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>

赞 (0)

相关推荐

  • js 新浪的一个图片播放图片轮换效果代码

    js 新浪的一个图片播放图片轮换效果代码

    核心代码 复制代码 代码如下: function slide(src,link,text,target,attr,desc) {   this.desc = desc   this.src = src;   this.link = link;   this.text = text;   this.target = target;   this.attr = attr;   if (document.images) {     this.image = new Image();   }   thi

  • 比较炫的图片播放器 js 焦点效果代码

    图片播放器_图片轮换_焦点效果 #focus_m{position:relative; width:420px; height:384px; background:#133775} .f_img_roll{width:350px; height:300px; position:relative;} .f_img_roll img{position:absolute; left:0; top:0; width:350px; height:300px;} .f_img_tree{position:a

  • jquery图片播放浏览插件prettyPhoto使用详解

    jquery图片播放浏览插件prettyPhoto使用详解

    一.prettyPhoto简介 prettyPhoto是一款基于jquery的轻量级的lightbox图片播放浏览插件,它不仅支持图片,还同时支持视频.flash.YouTube.iframe和ajax.而且prettyPhoto配置和使用都十分简单,扩展性也不错,你可以最大限度地自定义prettyPhoto.目前,prettyPhoto兼容大部分主流的浏览器,包括令人纠结的IE6. prettyPhoto插件的项目地址:http://www.no-margin-for-errors.com/p

  • javascript控制图片播放的实现代码

    javascript控制图片播放的实现代码

    一般实现用鼠标控制图片的滚动效果都比较麻烦,大段大段的代码让新手头疼无从下手,下面我来写个简单的javascript控制图片滚动的效果.代码简洁明了,兼容ie.firefox和google浏览器. 分享代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  • javascript 控制图片播放代码

    javascript 控制图片播放代码

    无标题文档 .photo {width:896px;height:280px;border-top:0;border-right:2px solid #9f9fa1;border-bottom:1px solid #9f9fa1;border-left:2px solid #9f9fa1;font-size:12px} .photo .left {width:310px;height:222px;margin:0 5px} .photo .left img {width:310px;height

  • TFDN图片播放器 不错自动播放

    复制代码 代码如下: <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

  • Android 使用ViewPager实现图片左右循环滑动自动播放

    Android 使用ViewPager实现图片左右循环滑动自动播放

    ViewPager这个小demo实现的是可以左右循环滑动图片,下面带索引,滑到最后一页在往右滑动就要第一页,第一页往左滑动就到最后一页,先上效果图,用美女图片是我一贯的作风,呵呵 1. 首先看一些layout下的xml <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_

  • 原生JS实现网页手机音乐播放器 歌词同步播放的示例

    整了一下  之前写了好几次每一次都丢三落四的 今天花了半天理了下思路 整理了下头绪 //获取歌词文本 var txt = document.getElementById("lrc"); var lrc = txt.value;//获取文本域里的值 /*console.log(lrc);*/ var lrcArr = lrc.split("[");//去除[ /*console.log(lrcArr);*/ var html = "";//定义一个

  • php 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)

    在web开发中经常会碰到一些简单的视频播放功能,但现在的视频格式不同,并且可以动态增加,所以我们就必须把视频保存到数据哦,好了下面我们来看我写的段简单的 php视频网页播放器代码吧. 复制代码 代码如下: <?PHP include './admin/connect.php'; @extract($db->get_one("select * from movieinfo where id='".$_GET['id']."'")); $db->que

  • 不使用qvod播放器获取qvod播放路径的方法

    复制代码 代码如下: static string GetHtml(string url)        {            HttpWebRequest request = WebRequest.Create(url) as HttpWebRequest;            request.Timeout = 16 * 1000;            HttpWebResponse response = request.GetResponse() as HttpWebResponse

  • Bcastr3.0 flash通用图片播放器

    ruochi的个人站点:http://www.ruochi.com/bcastr3.0 通用图片轮换播放器 可以用于各种新闻系统或者blog系统 可以读取xml设置播放列表,自定义xml地址  可以将图片地址直接写网页中直接,不需要xml  自动适应图片大小  循环播放,自定义自动播放时间  不限制图片数量  自定义尺寸,自动适应任何比例,图片不变形  自定义图片题目(可选)  浏览过程中下载  自定义图片连接(可选)  自定界面色彩放案 3.0新增特点: 图片自动抗锯齿,效果更佳  3种文字位

  • 在线FLV播放器实现方法

    在线FLV播放器实现方法

    程序代码 复制代码 代码如下: <object type="application/x-shockwave-flash" width="400" height="220"  wmode="transparent" data="flvplayer.swf"> <param name="movie" value="flvplayer.swf" />

  • 运用js教你轻松制作html音乐播放器

    运用js教你轻松制作html音乐播放器

    用HTML做了个音乐播放器,可以循环播放,选择歌曲,以及自动播放下一首,运用了js和json知识,下面是效果图和源码,有兴趣的可以试试哦 效果图: 源码:html <span style="color:#999999;"><!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>音乐播放器</title> <sc

  • iOS之基于FreeStreamer的简单音乐播放器示例

    iOS之基于FreeStreamer的简单音乐播放器示例

    前提准备 为了能够有明确的思路来做这个demo,我下载了QQ音乐和网易云音乐,然后分别对比,最终选择了QQ音乐来参照,先是获取了其中的所有资源文件(如果有不知道怎么提取资源文件的,可以参考iOS提取APP中的图片资源),在这之后就是研究使用技术,这里我选择了FreeStreamer,虽然系统也有,但是该框架可能更好用点. 实现部分 在这之前,先来看看大概效果图吧 再看完效果图之后,我们就来看看这其中涉及到的几个难点吧(在我看开~) 1.先让播放器跑起来 这里我使用的是pods来管理三方库,代码如

  • Android开发简易音乐播放器

    Android开发简易音乐播放器

    这里介绍一个简易的音乐播放器,供大家参考,具体内容如下 效果图如下: 但是,由于这是一个简易版的音乐播放器,所播放的音乐只有一首,且被写死,但,操作却十分简单,方便理解! 这是代码的主要设计: 音乐主要存放在这一个文件中: 下面就来介绍各部分代码: activity-main.xml: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://

随机推荐