<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.js"></script>
<title>无标题文档</title>
</head>
<body>
<style type="text/css">
#apDiv1 {
position: absolute;
width: 210px;
height: 138px;
z-index: 1;
left: 0px;
top: 0px;
}
</style>
<div id="apDiv1">
</div>
<script>
<!-- picar图片字符串数组 firstimg 首张图片 w宽 h高 px 每帧像素 timeinv 多少毫秒一帧 ,pause每张图片停留时间 -->
<!--左推移->
function draw14(id,picar,firstimg,w,h, px,timeinv,pause) {
var timer1;
var myimga = new Image();
var myimgb = new Image();
var canvas = document.getElementById(id);
if (canvas == null) return false;
var context = canvas.getContext("2d");
var x=0;
var y=0;
var g1=0;
var g2=1;
<!-- 一张图片特效 -->
function setimg()
{
myimgb.src =picar[g1];
myimga.src =picar[g2];
y =h*(x/w);
context.drawImage(
myimga,
0,0, x,h,
w-x,0, x,h);//这里取的是实际尺寸
context.drawImage(
myimgb,
x,0, w-x,h,
0,0, w-x,h);//这里取的是实际尺寸
x=x+px;
if (x>w)
{
clearInterval( timer1)
x=0;
g1=g1+1
g2=g2+1
if (g1>2)
{g1=0};
if (g2>2)
{g2=0};
setTimeout(setpic,pause);
}
}
<!-- 执行图片特效 -->
function setpic()
{
timer1 = setInterval(setimg,timeinv);
}
<!--初始图片 -->
context.drawImage(
firstimg,
0, 0, w, h,
0, 0, w, h);//这里取的是实际尺寸
setTimeout(setpic,pause);
} ;
<!-- 初始图片 -->
function initimg(id,w,h)
{
var canvas = document.getElementById(id);
var context = canvas.getContext("2d");
var img=new Image()
img.src=picara[0];
img.onload = function () //确保图片已经加载完毕
{
context.drawImage(
img,
0,0, w,h,
0,0, w,h);//这里取的是实际尺寸
}
};
var picara = new Array()
picara[0]= "files/a.jpg";
picara[1]= "files/b.jpg";
picara[2]= "files/c.jpg";
var myimg = new Image();
myimg.src =picara[0];
</script>
<script>
<!-- 启动 -->
var px=10;
function startpiceffect(id)
{
var canvasid="cvs_"+id;
var htmlstr='<canvas id="'+canvasid+'" width="210px" height="138px"></canvas>';
$("#"+id).html(htmlstr);
initimg(canvasid,210,138);
draw14(canvasid,picara,myimg,210,138,px,20,2000);
}
startpiceffect("apDiv1");
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
unigui_Canvas图片轮播_左推移
共147个文件
dcu:91个
jpg:6个
pas:3个
需积分: 50 28 下载量 113 浏览量
2018-12-09
20:36:23
上传
评论
收藏 5.12MB RAR 举报
温馨提示
unigui_Canvas图片轮播_左推移 unigui_Canvas图片轮播_左推移 简单构造
资源推荐
资源详情
资源评论
收起资源包目录
unigui_Canvas图片轮播_左推移 (147个子文件)
Thumbs.db 12KB
uIdSSLOpenSSLHeaders.dcu 733KB
uIdWinsock2.dcu 251KB
uIdGlobal.dcu 161KB
uIdCustomHTTPServer.dcu 134KB
uIdGlobalProtocols.dcu 114KB
uniGUIAbstractClasses.dcu 113KB
uIdSSLOpenSSL.dcu 106KB
uniStringGrid.dcu 100KB
uIdAssignedNumbers.dcu 95KB
uIdCharsets.dcu 91KB
uIdStack.dcu 90KB
uIdHTTPHeaderInfo.dcu 90KB
uIdResourceStringsProtocols.dcu 83KB
uniStatusBar.dcu 77KB
uIdCookie.dcu 76KB
uniEdit.dcu 75KB
uIdCustomTCPServer.dcu 75KB
uIdSocketHandle.dcu 72KB
uniBasicGrid.dcu 72KB
uniPageControl.dcu 61KB
uIdIOHandler.dcu 61KB
uIdReply.dcu 59KB
uniPanel.dcu 55KB
uIdStackWindows.dcu 50KB
uniMemo.dcu 35KB
uniButton.dcu 34KB
uniGUIInterfaces.dcu 30KB
uIdSocks.dcu 28KB
uniHTMLMemo.dcu 28KB
uIdThreadSafe.dcu 27KB
uIdWship6.dcu 26KB
uIdExceptionCore.dcu 24KB
uIdBuffer.dcu 24KB
uniGUIServerCP.dcu 22KB
uniLabel.dcu 21KB
uniHTMLFrame.dcu 21KB
uIdStackBSDBase.dcu 21KB
seCSSParser.dcu 21KB
uIdResourceStringsCore.dcu 20KB
uIdTCPConnection.dcu 19KB
uIdHash.dcu 18KB
uIdTCPClient.dcu 17KB
uIdThread.dcu 17KB
uniGroupBox.dcu 17KB
uIdHeaderList.dcu 16KB
uIdHashMessageDigest.dcu 15KB
uIdIOHandlerSocket.dcu 15KB
uIdURI.dcu 14KB
uIdCoder.dcu 14KB
uniTimer.dcu 14KB
uIdSSL.dcu 13KB
uIdAuthentication.dcu 12KB
uIdIOHandlerStack.dcu 12KB
uIdCustomTransparentProxy.dcu 11KB
uIdResourceStrings.dcu 10KB
uIdCoder3to4.dcu 9KB
uIdComponent.dcu 9KB
uIdReplyRFC.dcu 8KB
uniGUIControlLogin.dcu 8KB
uIdIntercept.dcu 8KB
uIdSchedulerOfThread.dcu 8KB
uIdIDN.dcu 8KB
uIdCoderMIME.dcu 7KB
Main.dcu 7KB
uIdFIPS.dcu 7KB
uIdIPAddress.dcu 6KB
uIdStackConsts.dcu 6KB
uniScreenMask.dcu 6KB
uIdContext.dcu 6KB
uniCommonClasses.dcu 5KB
uIdException.dcu 5KB
uIdScheduler.dcu 5KB
uIdAntiFreezeBase.dcu 5KB
uIdServerIOHandlerSocket.dcu 4KB
uIdTCPServer.dcu 4KB
uIdBaseComponent.dcu 4KB
uIdServerIOHandler.dcu 4KB
uIdSchedulerOfThreadDefault.dcu 4KB
uIdHTTPServer.dcu 4KB
uIdTask.dcu 4KB
uIdStreamVCL.dcu 3KB
uIdServerIOHandlerStack.dcu 3KB
uIdCTypes.dcu 3KB
uIdResourceStringsOpenSSL.dcu 3KB
ServerModule.dcu 2KB
MainModule.dcu 2KB
uIdUriUtils.dcu 1KB
uniGUIRegClasses.dcu 1KB
uIdYarn.dcu 1KB
uIdGlobalCore.dcu 600B
uIdStream.dcu 528B
Main.dfm 6KB
ServerModule.dfm 633B
MainModule.dfm 127B
Project1.dpr 386B
Project1.dproj 35KB
Project1.exe 17.32MB
图片连续移出.html 3KB
favicon.ico 1KB
共 147 条
- 1
- 2
资源评论
ozhy111
- 粉丝: 111
- 资源: 741
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 最入门的爬虫代码 python.docx
- 爬虫零基础入门-爬取天气预报.pdf
- 最通俗易懂的 MongoDB 非结构化文档存储数据库教程.zip
- 以mongodb为数据库的订单物流小项目.zip
- 腾讯云-mongodb数据库, 项目部署.zip
- 腾讯 APIJSON 的 MongoDB 数据库插件.zip
- 理解非关系型数据库和关系型数据库的区别.zip
- 操作简单的Mongodb网页web管理工具,基于Spring Boot2.0支持mongodb集群.zip
- tms-mongodb-web,提供访问mongodb数据的REST API和可灵活扩展的mongodb web 客户端.zip
- SpringBoot整合mongodb学习MongoTemplate和MongoRepository两种方式CRUD使用.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功