多图幻灯Wipe擦洗效果
function HelpArray2(len)
{
this.length=len;
}
HelpText2 = new HelpArray2(7);
HelpText2[0] ="";//A01
HelpText2[1] ="";//A02
HelpText2[2] ="";//A03
HelpText2[3] ="";//A04
HelpText2[4] ="";//A05
HelpText2[5] ="";//A06
HelpText2[6] ="";//A07
ScriptText2 = new HelpArray2(7);
var i = 0;
function playHelp()
{
if (i == 6)
{ i = 0; }
else
{ i++; }
div_X2.filters[0].apply();
div_X2.innerHTML = HelpText2[i];
div_X2.filters[0].play();
mytimeout = setTimeout('playHelp()',4500);
}
var mytimeout;
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
JavaScript html5 canvas绘制时钟效果(二)
对于H5来说,canvas可以说是它最有特色的一个地方了,有了它之后我们可以随意的在网页上画各种各样的图形,做一些小游戏啊什么的.canvas这个标签的用法,在网上也有特别多的教程了,这里就不作介绍了.今天我们就用canvas来做一个小小的时钟.完整的代码在这里https://github.com/wwervin72/HTML5-Clock. 那么首先在这个页面里面我使用了两个canvas,一个用来绘制静态的时钟表盘和刻度,另一个用来绘制时钟的三个指针,然后用定位让他们重合到一起.然后这里没什么
-
Android编程实现擦除Bitmap中某一块的方法
本文实例讲述了Android编程实现擦除Bitmap中某一块的方法.分享给大家供大家参考,具体如下: 以前要截取Bitmap中的图片使用的一块块的拼接,虽然可以实现,但是效率很低.想了很久,无意中看到网上的对BITMAP图片的RGB信息进行修改,然后想出了这个办法,感觉用起来还是挺舒服.很多出错处理都没有写,只实现基本功能啊 public static Bitmap setTransparentAreaForBitmap(Bitmap b, int width, int height, int
-
javascript HTML5 canvas实现打砖块游戏
本文实例编写的一个小游戏,基于HTML5中的canvas.游戏主要是小球反弹击打小方块.在代码中主要实现了小方块的生成,键盘键事件的监听,小球的移动和碰壁之后的反弹以及怎样消除小方块等方法.代码使用到了一个js脚本库 游戏开发流程: 1.创建画布: 将画布放在div标签里面,这样可以控制画布居中的位置,再对div标签加上一些样式比如border和border-radius,这样一来使其看上去像手机,利于观看. <div id="main"> <!--将画布嵌在div块
-
javascript HTML5 Canvas实现圆盘抽奖功能
我们经常参加各种电商优惠活动,比如购买达到一定数额进行抽奖活动,在比如微信抽奖,淘宝抽奖,迅雷赚钱宝圆盘抽奖活动等.这些抽奖活动部分就是由HTML5的Canvas来制作的,今天就为大家分享一下如何使用HTML5的Canvas来制作圆盘抽奖功能.老规矩,先看下效果图吧: 再来看看Canvas的几个主要api: 全部源代码如下: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=&qu
-
JavaScript+html5 canvas实现图片破碎重组动画特效
也许你见过HTML5图片破碎动画特效,实现的原理也挺简单的.但是你应该没有见过视频也可以破碎重组,这个HTML5动画就是利用Canvas的相关特性,实现了点击鼠标让视频破碎重组的效果.在视频区域点击鼠标,即可让该区域的视频破碎,让后经过一段时间后,破碎的区域又可以重组还原,视觉效果非常棒. HTML代码 <div style="display:none"> <video id="sourcevid" autoplay="true"
-
javascript html5 canvas实现可拖动省份的中国地图
本文实例分享了html5 canvas可拖动省份的中国地图实现方法,供大家参考,具体内容如下 1.数据获取 画地图需要省份边界坐标,理论上可以每次都用百度API获取数据并绘图,但为了增加效率,首先将所有坐标都获取下来并存入数据库中. 新建省份数据数组 复制代码 代码如下: var allZoneData = [{'name':'辽宁省','been':'yes','id':'01'},<span style="font-family: Arial, Helvetica, sans-seri
-
能在网页中写字和能擦写的js程序
javascript网页中写字 * { -moz-user-select:none; border:0px; } #tips { width:850px; padding-top:8px; padding-bottom:8px; background:#999999; color:#FFFFFF; text-align:center; margin:auto; font-size:14px; } var Is_Mouse_Down = false var Is_First=1 function
-
jQuery横向擦除焦点图特效代码分享
本文实例讲述了jQuery横向擦除焦点图特效.分享给大家供大家参考.具体如下: 迅雷jQuery横向擦除焦点图是一款基于jQuery实现的7屏横向擦除焦点图代码,有缩略图和标题,可以自定义标题. 运行效果图:-------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. (1)在head区域引入CSS样式: <link rel="stylesheet" href="css/zzsc
-
js canvas实现擦除动画
本文实例为大家分享了canvas擦除动画的实现原理.实现代码.以及在实现过程中遇到的问题,供大家参考,具体内容如下 原理总结为就是在移动设备上将某张图片擦掉显示另一张图片,利用canvas来实现. 如果是用户手动擦除,则需要监听touchmove,touchend等事件,并计算相应的坐标,利用canvas的clearRect或rect 画弧线或画线来实现.但是这会造成在androd手机上存在卡顿的现象. canvas有个globalCompositeOperation属性,这个属性的默认值是so
-
JavaScript+html5 canvas实现本地截图教程
最近有时间了解了下html5的各API,发现新浪微博的头像设置是使用canvas实现截图的,加之前段时间了解了下html5的File API使用File API 之FileReader实现文件上传<JavaScript File API文件上传预览>,更加觉得html5好玩了,想着也试试写写这功能权当学习canvas吧. 下面奉上我自己写的一个demo,代码写得比较少,很多细节不会处理.如果有不得当的地方恳请指教,谢谢啦 ^_^ ^_^ 功能实现步奏: 一.获取文件,读取文件并生成url 二.
随机推荐
- 模板视图和AngularJS之间冲突的解决方法
- 基于jquery实现鼠标左右拖动滑块滑动附源码下载
- JS实现用键盘控制DIV上下左右+放大缩小与变色
- 金山反病毒20050118_日报
- JS中定位 position 的使用实例代码
- 向大家推荐一个收集整理正则表达式的网站
- 用实例详解Python中的Django框架中prefetch_related()函数对数据库查询的优化
- aspx是什么格式 ASPX文件怎么打开
- Android自定义实现顶部粘性下拉刷新效果
- Bootstrap多级菜单的实现代码
- Nginx配置PATHINFO隐藏thinkphp index.php
- thinkphp 多表 事务详解
- Shell 命令执行顺序分析[图]
- Atitit.js的键盘按键事件捆绑and事件调度
- jQuery(非HTML5)可编辑表格实现代码
- 浅谈C#中堆和栈的区别(附上图解)
- win2003 服务器安全设置教程(权限+防火墙)第1/3页
- C/C++语言中结构体的内存分配小例子
- java 使用简单的demo实例告诉你优化算法的强大
- Android微信签名知识的总结