我手头有几张照片（JPG格式），大小一样，想做一个FLASH，能按顺序播放，放完后再从第一张开始，我用FLASH模版里的功能做过，实现了，但不好。我希望只显示照片，而且过渡要自然，不要突然变成另一张照片。
在FLASH也能弄啊，你不要做那种逐帧动画，逐帧肯定做不出效果不好，你把它做成运动画，首先你把你的图片各做成一个组件(普通图形)，然后回到场景里把那个组件给托出来，放到第一帧，然后在第30帧按F6，点中这个图形，把它的透明度设为0%，然后创建运动动画。然后再建第二层，在第25帧处加一个F7，把你另外一个图片，从组件库里托出来，把它的透明度设为0%，再在60帧处再把那图片的透明度设为
100%，以此类推，你有几张图片就做几张图片，挺简单的，你试试吧，祝你好运!
其他答案（共3个回答）
你要做的无非是个电子相册，许多软件都能做，用电脑系统中自带的“影音制作”就可以做，也比较简单。相册制作软件都被国人垄断起来了，很少有不花钱就能用的（因为国人很少...
Flash Slideshow Builder v
汉化特别版功能介绍：Flash幻灯片制作工具。这是一个专业的Flash像册制作工具，可以帮助你制作出活泼生...
用photoshop的“动画”功能，就在“窗口”的菜单中，为你截图一张...
Macromedia Flash本身自带 flash动画保存成动画图片的功能,请参见附图
答: 输入您想要搜索的健康问题或标签
答: 采用开放网络（openWeb）技术，它是一种网络作业环境，以Gecko浏览器引擎为核心，采用HTML5来开发
答: qq空间的文章是存放在网络上的。发布原理：你打开qq空间，写文章 --> 点发布的时候，数据将被上传到腾讯公司的服务器里存储。读取原理：打开你的QQ空间 -->...
大家还关注
确定举报此问题
举报原因(必选)：
广告或垃圾信息
激进时政或意识形态话题
不雅词句或人身攻击
侵犯他人隐私
其它违法和不良信息
报告，这不是个问题
报告原因(必选)：
这不是个问题
这个问题分类似乎错了
这个不是我熟悉的地区
相关问答：123456789101112131415程序让生活更美好，这里有很多值得你探索，感谢您留下的每一个脚印
HTML&jQuery横向循环左右滚动导航方法讲解
日　｜　　　｜　浏览： 5,011
在网页制作中有一种特效就是实现点击左右按钮可以滚动，滚动条的项目可以左右隐藏，这样做的好处是实现小空间实现多内容的展示，增加了网页的美观，提高了网页的观赏度。
二话不说下面直接上代码：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/ TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&title&可配置横栏滚动Demo&/title&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&style type=&text/css&&
* { margin:0; padding:0;}
body { font-size:12}
&script src=&/js/jquery/1.7.2/jquery.min.js& type=&text/javascript&&&/script&
&style type=&text/css&&
#scrollable {
background-color:#
border:1px solid #
padding:10px 8
margin-top:30
div.items {
margin-left:8
width:475px !
div.items a {
margin-right:8
background:#BBB;
font-size:50
line-height:66
text-decoration:
text-align:
div.items a:hover {
color:#999;
div.items a.active {
background-position:-174px 0;
color:#555;
a.prev, a.next {
background:url(left.png) no-repeat 0 0;
margin:22px 0 0 0;
background-image:url(right.png)
a.prev:hover {
background-position:0 -18
a.next:hover {
background-position:0 -18
&script language=&javascript& type=&text/javascript&&
(function ($) {
$.fn.extend({
Scroll: function (opt, callback) {
if (!opt) var opt = {};
var _btnleft = $(opt.left);
var _btnright = $(opt.right);
var timerID;
var _this = this.eq(0).find(&div&).eq(1);
var lineW = _this.find(&a:first&).width(), //获取列宽
line = opt.line ? parseInt(opt.line, 10) : parseInt(_this.width() / lineW, 10), //每次滚动的列数，默认为一屏，即父容器列宽
speed = opt.speed ? parseInt(opt.speed, 10) : 500; //滚动速度，数值越大，速度越慢（毫秒）
timer = opt.timer ? parseInt(opt.timer, 10) : 3000; //滚动的时间间隔（毫秒）
if (line == 0) line = 1;
var upWidth = 0 - line * lineW;
//滚动函数
var scrollLeft = function () {
if (!_this.is(&:animated&)) {
_this.animate({
left: upWidth
}, speed, function () {
for (i = 1; i &= i++) {
_this.find(&a:first&).appendTo(_this);
_this.css({ left: 0 });
var scrollRight = function () {
if (!_this.is(&:animated&)) {
for (i = 1; i &= i++) {
_this.find(&a:last&).show().prependTo(_this);
_this.css({ left: upWidth });
_this.animate({
}, speed, function () {
//Shawphy:自动播放
var autoPlay = function () {
if (timer) timerID = window.setInterval(scrollLeft, timer);
var autoStop = function () {
if (timer) window.clearInterval(timerID);
};//鼠标事件绑定
_this.hover(autoStop, autoPlay).mouseout();
_btnleft.css(&cursor&, &pointer&).click(scrollLeft).hover(autoStop, autoPlay);
_btnright.css(&cursor&, &pointer&).click(scrollRight).hover(autoStop, autoPlay);
})(jQuery);
$(document).ready(function () {
$(&#scrollable&).Scroll({ line: 5, speed: 500, timer: 3000, left: &.prev&, right: &.next&});
&div style=&margin:0width:500&&
&div id=&scrollable&&
&a class=&prev& href=&#&&Last&/a&
&div class=&items& style=&overflow: position: visibility: width: 478&&
&div style=&position: width: 200000 left: 0& class=&scrollable_demo&&
&br clear=&all&/&
class=&next& href=&#&&Next&/a&
效果如下图所示
&a class=&prev& href=&#&&Last&/a&和&a
class=&next& href=&#&&Next&/a&
是左右两个滚动的控制按钮，你可以根据自己的要求，进行图片样式设置。其中的js都有相应的说明，需要提到是示例使用的是自动左右移动，可以在自由滚动的方法中直接返回就可以停止自由滚动。代码的可以直接复制使用的，其中已经引入了新浪的CDN jQuery，你需要做的就是替换其中的items下面的项换成自己的内容，样式自己自由设定。
作者：知道91
除非注明，本文原创：，欢迎转载！转载请以链接形式注明本文地址，谢谢。原文链接：
当我们填写用户地址的时候，需要填写用户的地址，对于全球的用户我们不能让用户任意输入地址，需要的是让用户选择地址，而不是填写。但是全球的国家众多，每个国家的州/...
在我们使用JQuery开发的过程中我们有时会根据浏览器窗口的位置定位，本文讲解一下获取浏览器窗口尺寸、文档尺寸、以及浏览器滚动条尺寸的一些方法。
在网页特效中经常需要使用到Tab选项卡的特效，实现这种特效需要使用HTML、CSS、JS的综合运用。实现Tab选项卡介绍了使用jQuery UI和自定义实现HTML Tab 选项卡的两种方法。
本文介绍了JS/jQuery 实现Combobox可输可选下拉框的方法，可以通过Ajax实现动态加载可输可选下拉框的选项，可以在下拉框中输入一个新值动态添加一个数据选项，同样可以...
zTree 是一个依靠 jQuery 实现的 Tree/TreeView 熟悉插件， zTree 最大优点是具有灵活的配置、优异的性能、多种功能的组合。本文详细介绍了通过zTree实现jQuery设置Tree...
现在网站不仅是做的国内的，更多的大企业或者是做外贸电子商务的网站都需要面向国际化，因此就涉及到语言的选择，多语言网站建的切换应该怎么设计呢？这里给你一款jQuer...
就算你积累了多年网站建设的经验，你都不可能一开始就建一个外观，速度，功能以及转化都很完美的网站。你能做的并且也是各个站长正在做的，无非是通过不断的监测来改进...
就算你积累了多年网站建设的经验，你都不可能一开始就建一个外观，速度，功能以及转化都很完美的网站。你能做的并且也是各个站长正在做的，无非是通过不断的监测来改进...
修改Oracle SGA（共享内存） 很多网站说修改Oracle的内存通过命令 如果你这么做了，那么恭喜你，你的Oracle数据库无法启动了。如果你已经这么做了，恢复Oracle启动的方...
要使用微信的接口必须在绑定的域名下测试；签名必须先向微信请求到access_token，然后用access_token再去请求jsapi_ticket，最后用jsapi_ticket和相关的参数按照ASCII码...
为了减少复杂性和提高代码的可重用性，采用分层架构是一种被广泛接受的技术。为了实现分层的体系结构，ABP遵循DDD（领域驱动设计）的原则，将工程分为四个层： 展现层（...
ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称。 ASP.NET Boilerplate是一个用最佳实践和流行技术开发现代WEB应用程序的新起点，它旨在成为一个通用的WE...
本文讲述了Windows下 JIRA + Agile + Mysql 破解安装示例教程
XAML提供了一种便于扩展和定...
网站合作和广告投放
联系邮箱：
（加好友请注明来意）
诚意交换友情链接
网站使用问题
请直接询问或者反馈，您也可以在网站直接给我们留言，谢谢！
欢迎关注知道91博客
(C) 2014 保留所有权利.&nbsp君，已阅读到文档的结尾了呢~~
ppt学习，多张图片循环滚动
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
如何在ppt的一页实现横向多张图片循环滚动播放的效果
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口html代码：
&!doctype html&
&html lang="en"&
&meta charset="UTF-8" /&
&meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/&
&meta name="renderer" content="webkit"/&
&meta name="keywords" content=""/&
&meta name="description" content=""/&
&title&图片滚动&/title&
*{margin:0;padding:0;}
ul{list-style:none;}
img{border:0;}
.scroll{width:<span style="background-color: #f5f5f5; color: #px;height:63px;}
.scroll_left{width:23px;height:63px;background:url(images/btn_left.jpg) no-repeat;float:left;}
.scroll_right{width:23px;height:63px;background:url(images/btn_right.jpg) left no-repeat;float:left;}
.pic{width:<span style="background-color: #f5f5f5; color: #px;height:73px;float:left;}
.pic ul{display:block;}
.pic li{float:left;display:inline;width:<span style="background-color: #f5f5f5; color: #px;text-align:center;}
&div style="margin:100width:358"&
&div class="scroll"&
&div class="scroll_left" id="LeftArr"&&/div&
&div class="pic" id="scrollPic"&
&li&&a href="#" target="_blank" title=""&&img src="images/pic01.png" width="100" height="63" alt="" /&&/a&&/li&
&li&&a href="#" target="_blank" title=""&&img src="images/pic02.jpg" width="100" height="63" alt="" /&&/a&&/li&
&li&&a href="#" target="_blank" title=""&&img src="images/pic03.jpg" width="100" height="63" alt="" /&&/a&&/li&
&li&&a href="#" target="_blank" title=""&&img src="images/pic04.jpg" width="100" height="63" alt="" /&&/a&&/li&
&li&&a href="#" target="_blank" title=""&&img src="images/pic05.jpg" width="100" height="63" alt="" /&&/a&&/li&
&li&&a href="#" target="_blank" title=""&&img src="images/pic06.jpg" width="100" height="63" alt="" /&&/a&&/li&
&div class="scroll_right" id="RightArr"&&/div&
&script src="scrollPic.js"&&/script&
window.onload = function(){
scrollPic();
function scrollPic() {
var scrollPic = new ScrollPic();
scrollPic.scrollContId
= "scrollPic"; //内容容器ID
scrollPic.arrLeftId
= "LeftArr";//左箭头ID
scrollPic.arrRightId
= "RightArr"; //右箭头ID
scrollPic.frameWidth
= 312;//显示框宽度
scrollPic.pageWidth
= 104; //翻页宽度
scrollPic.speed
= 10; //移动速度(单位毫秒，越小越快)
scrollPic.space
= 10; //每次移动像素(单位px，越大越快)
scrollPic.autoPlay
= true; //自动播放
scrollPic.autoPlayTime
= 3; //自动播放间隔时间(秒)
scrollPic.initialize(); //初始化
scrollPic.js 代码：
var sina = {
$ : function (objName) {
if (document.getElementById) {
return eval('document.getElementById("' + objName + '")')
return eval('document.all.' + objName)
isIE : navigator.appVersion.indexOf("MSIE") != -1 ? true : false,
addEvent : function (l, i, I) {
if (l.attachEvent) {
l.attachEvent("on" + i, I)
l.addEventListener(i, I, false)
delEvent : function (l, i, I) {
if (l.detachEvent) {
l.detachEvent("on" + i, I)
l.removeEventListener(i, I, false)
readCookie : function (O) {
var o = "",
l = O + "=";
if (document.cookie.length & 0) {
var i = document.cookie.indexOf(l);
if (i != -1) {
var I = document.cookie.indexOf(";", i);
if (I == -1)
I = document.cookie.
o = unescape(document.cookie.substring(i, I))
writeCookie : function (i, l, o, c) {
var O = "",
if (o != null) {
O = new Date((new Date).getTime() + o * 3600000);
O = "; expires=" + O.toGMTString()
if (c != null) {
I = ";domain=" + c
document.cookie = i + "=" + escape(l) + O + I
readStyle : function (I, l) {
if (I.style[l]) {
return I.style[l]
} else if (I.currentStyle) {
return I.currentStyle[l]
} else if (document.defaultView && document.defaultView.getComputedStyle) {
var i = document.defaultView.getComputedStyle(I, null);
return i.getPropertyValue(l)
return null
//滚动图片构造函数
//UI&UE Dept. mengjia
function ScrollPic(scrollContId, arrLeftId, arrRightId, dotListId) {
this.scrollContId = scrollContId;
this.arrLeftId = arrLeftId;
this.arrRightId = arrRightId;
this.dotListId = dotListId;
this.dotClassName = "dotItem";
this.dotOnClassName = "dotItemOn";
this.dotObjArr = [];
this.pageWidth = 0;
this.frameWidth = 0;
this.speed = 10;
this.space = 10;
this.pageIndex = 0;
this.autoPlay = true;
this.autoPlayTime = 5;
var _autoTimeObj,
_scrollTimeObj,
_state = "ready";
this.stripDiv = document.createElement("DIV");
this.listDiv01 = document.createElement("DIV");
this.listDiv02 = document.createElement("DIV");
if (!ScrollPic.childs) {
ScrollPic.childs = []
this.ID = ScrollPic.childs.
ScrollPic.childs.push(this);
this.initialize = function () {
if (!this.scrollContId) {
throw new Error("必须指定scrollContId.");
this.scrollContDiv = sina.$(this.scrollContId);
if (!this.scrollContDiv) {
throw new Error("scrollContId不是正确的对象.(scrollContId = \"" + this.scrollContId + "\")");
this.scrollContDiv.style.width = this.frameWidth + "px";
this.scrollContDiv.style.overflow = "hidden";
this.listDiv01.innerHTML = this.listDiv02.innerHTML = this.scrollContDiv.innerHTML;
this.scrollContDiv.innerHTML = "";
this.scrollContDiv.appendChild(this.stripDiv);
this.stripDiv.appendChild(this.listDiv01);
this.stripDiv.appendChild(this.listDiv02);
this.stripDiv.style.overflow = "hidden";
this.stripDiv.style.zoom = "1";
this.stripDiv.style.width = "32766px";
if(-[1,]){
this.listDiv01.style.cssFloat = "left";
this.listDiv02.style.cssFloat = "left";
this.listDiv01.style.styleFloat = "left";
this.listDiv02.style.styleFloat = "left";
sina.addEvent(this.scrollContDiv, "mouseover", Function("ScrollPic.childs[" + this.ID + "].stop()"));
sina.addEvent(this.scrollContDiv, "mouseout", Function("ScrollPic.childs[" + this.ID + "].play()"));
if (this.arrLeftId) {
this.arrLeftObj = sina.$(this.arrLeftId);
if (this.arrLeftObj) {
sina.addEvent(this.arrLeftObj, "mousedown", Function("ScrollPic.childs[" + this.ID + "].rightMouseDown()"));
sina.addEvent(this.arrLeftObj, "mouseup", Function("ScrollPic.childs[" + this.ID + "].rightEnd()"));
sina.addEvent(this.arrLeftObj, "mouseout", Function("ScrollPic.childs[" + this.ID + "].rightEnd()"))
if (this.arrRightId) {
this.arrRightObj = sina.$(this.arrRightId);
if (this.arrRightObj) {
sina.addEvent(this.arrRightObj, "mousedown", Function("ScrollPic.childs[" + this.ID + "].leftMouseDown()"));
sina.addEvent(this.arrRightObj, "mouseup", Function("ScrollPic.childs[" + this.ID + "].leftEnd()"));
sina.addEvent(this.arrRightObj, "mouseout", Function("ScrollPic.childs[" + this.ID + "].leftEnd()"))
if (this.dotListId) {
this.dotListObj = sina.$(this.dotListId);
if (this.dotListObj) {
var pages = Math.round(this.listDiv01.offsetWidth / this.frameWidth + 0.4),
for (i = 0; i & i++) {
tempObj = document.createElement("span");
this.dotListObj.appendChild(tempObj);
this.dotObjArr.push(tempObj);
if (i == this.pageIndex) {
tempObj.className = this.dotClassName
tempObj.className = this.dotOnClassName
tempObj.title = "第" + (i + 1) + "页";
sina.addEvent(tempObj, "click", Function("ScrollPic.childs[" + this.ID + "].pageTo(" + i + ")"))
if (this.autoPlay) {
this.play()
this.leftMouseDown = function () {
if (_state != "ready") {
_state = "floating";
_scrollTimeObj = setInterval("ScrollPic.childs[" + this.ID + "].moveLeft()", this.speed)
this.rightMouseDown = function () {
if (_state != "ready") {
_state = "floating";
_scrollTimeObj = setInterval("ScrollPic.childs[" + this.ID + "].moveRight()", this.speed)
this.moveLeft = function () {
if (this.scrollContDiv.scrollLeft + this.space &= this.listDiv01.scrollWidth) {
this.scrollContDiv.scrollLeft = this.scrollContDiv.scrollLeft + this.space - this.listDiv01.scrollWidth
this.scrollContDiv.scrollLeft += this.space
this.accountPageIndex()
this.moveRight = function () {
if (this.scrollContDiv.scrollLeft - this.space &= 0) {
this.scrollContDiv.scrollLeft = this.listDiv01.scrollWidth + this.scrollContDiv.scrollLeft - this.space
this.scrollContDiv.scrollLeft -= this.space
this.accountPageIndex()
this.leftEnd = function () {
if (_state != "floating") {
_state = "stoping";
clearInterval(_scrollTimeObj);
var fill = this.pageWidth - this.scrollContDiv.scrollLeft % this.pageW
this.move(fill)
this.rightEnd = function () {
if (_state != "floating") {
_state = "stoping";
clearInterval(_scrollTimeObj);
var fill = -this.scrollContDiv.scrollLeft % this.pageW
this.move(fill)
this.move = function (num, quick) {
var thisMove = num / 5;
if (!quick) {
if (thisMove & this.space) {
thisMove = this.space
if (thisMove & -this.space) {
thisMove = -this.space
if (Math.abs(thisMove) & 1 && thisMove != 0) {
thisMove = thisMove &= 0 ? 1 : -1
thisMove = Math.round(thisMove)
var temp = this.scrollContDiv.scrollLeft + thisM
if (thisMove & 0) {
if (this.scrollContDiv.scrollLeft + thisMove &= this.listDiv01.scrollWidth) {
this.scrollContDiv.scrollLeft = this.scrollContDiv.scrollLeft + thisMove - this.listDiv01.scrollWidth
this.scrollContDiv.scrollLeft += thisMove
if (this.scrollContDiv.scrollLeft - thisMove &= 0) {
this.scrollContDiv.scrollLeft = this.listDiv01.scrollWidth + this.scrollContDiv.scrollLeft - thisMove
this.scrollContDiv.scrollLeft += thisMove
num -= thisM
if (Math.abs(num) == 0) {
_state = "ready";
if (this.autoPlay) {
this.play()
this.accountPageIndex();
this.accountPageIndex();
setTimeout("ScrollPic.childs[" + this.ID + "].move(" + num + "," + quick + ")", this.speed)
this.next = function () {
if (_state != "ready") {
_state = "stoping";
this.move(this.pageWidth, true)
this.play = function () {
if (!this.autoPlay) {
clearInterval(_autoTimeObj);
_autoTimeObj = setInterval("ScrollPic.childs[" + this.ID + "].next()", this.autoPlayTime * 1000)
this.stop = function () {
clearInterval(_autoTimeObj)
this.pageTo = function (num) {
if (_state != "ready") {
_state = "stoping";
var fill = num * this.frameWidth - this.scrollContDiv.scrollL
this.move(fill, true)
this.accountPageIndex = function () {
this.pageIndex = Math.round(this.scrollContDiv.scrollLeft / this.frameWidth);
if (this.pageIndex & Math.round(this.listDiv01.offsetWidth / this.frameWidth + 0.4) - 1) {
this.pageIndex = 0
for (i = 0; i & this.dotObjArr. i++) {
if (i == this.pageIndex) {
this.dotObjArr[i].className = this.dotClassName
this.dotObjArr[i].className = this.dotOnClassName
参数说明：
var scrollPic = new ScrollPic();
//定义变量，并初始化方法
scrollContId
//滚动容器的ID
//左按钮ID
arrRightId
//右按钮ID
frameWidth
//显示框宽度
//翻页宽度
//移动速度(单位毫秒，越小越快)
//每次移动像素(单位px，越大越快)
//自动播放
autoPlayTime
//自动播放间隔时间(秒)
initialize()
最后附上地址。
阅读(...) 评论()}