html5跳动的心电图,jquery制作心电图跳动特效

1.[代码][JavaScript]代码

var parts = 100; //切割数量

var imgIndex = 0; //当前图片

$(function(){

var op = {

width_mt : 523, //外框容器宽度.(与图片宽度一致)

height_mt: 425, //外框容器高度.(与图片高度一致)

imgurl: 'images/6653149820121121163347025.jpg' //默认图片.

};

var cut_w = op.width_mt/parts; //小块宽度

var cut_h = op.height_mt; //小块高度

var $this = $(".slide_Box_mt");

//设置小div进行图片切割.

for(var i=0;i

var div1 = '

$this.append(div1);

}

$(".scut_mt").css({opacity:0});

Jump();

});

function Jump(){

$(".scut_mt:eq("+imgIndex+")").animate({opacity:1},50,function(){

$(".scut_mt:eq("+imgIndex+")").animate({opacity:0.3},50,function(){

if(imgIndex

imgIndex++;

Jump();

}else{

imgIndex=0;

$(".scut_mt").css({opacity:0});

Jump();

}

});

}

html5跳动的心电图,jquery制作心电图跳动特效相关推荐

图片滚动插件+html5,超赞的jQuery图片滑块动画特效代码汇总
在网站开发过程中,特别是前端开发这块,经常会使用到很多图片滑块动画,也就是一些基于jQuery和HTML5的焦点图插件.本文将为大家收集10个超赞的jQuery图片滑块动画,这些现成的jQuery插件 ...
JQuery制作小风车特效
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
基于html篮球网页游戏,基于html5和jquery的篮球跳动游戏
今天给大家分享一款基于html5和jquery的篮球跳动游戏.这款实例和之前分享的HTML5重力感应小球冲撞动画类似.用鼠标拖动篮球,篮球在页面上跳动,可在演示中看下效果.效果图如下: 实现的代码. ...
HTML+CSS制作七夕跳动的红心动画效果
HTML+CSS制作七夕跳动的红心动画效果效果图如下: HTML部分源代码如下: <!DOCTYPE html> <html lang="en">< ...
html上下箭头动态效果,使用CSS和Bootstrap图标制作上下跳动的指示箭头动画效果...
有时侯页面很长,需要指示箭头告诉用户下面还有东西.可以用纯CSS的方法实现. HTML:添加一个链接,可修改锚点点击时滑动到指定位置,这里使用了Bootstrap 3.x版本的一个向下箭头作为图标. ...
css 让图标上下跳,使用CSS和Bootstrap图标制作上下跳动的指示箭头动画效果
有时侯页面很长,需要指示箭头告诉用户下面还有东西.可以用纯CSS的方法实现. HTML:添加一个链接,可修改锚点点击时滑动到指定位置,这里使用了Bootstrap 3.x版本的一个向下箭头作为图标. ...
HTML5+jQuery制作温馨浪漫爱心表白动画特效
原文地址为: HTML5+jQuery制作温馨浪漫爱心表白动画特效原文:HTML5+jQuery制作温馨浪漫爱心表白动画特效 html5相关代码下载:http://www.zuidaima.com/ ...
html5网页动画总结--jQuery旋转插件jqueryrotate
CSS3 提供了多种变形效果,比如矩阵变形.位移.缩放.旋转和倾斜等等,让页面更加生动活泼有趣,不再一动不动.然后 IE10 以下版本的浏览器不支持 CSS3 变形,虽然 IE 有私有属性滤镜(fil ...
使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础
使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 默认配置与事件基础时间:2012年9月25日分类:JavaScript 标签:HTML5‚ ...

html5跳动的心电图,jquery制作心电图跳动特效

html5跳动的心电图,jquery制作心电图跳动特效相关推荐

最新文章

热门文章