在十几二十年前的时候,我们想要学习新的知识需要到学校和培训班才行,但是现在只要有一台电脑.一部手机或者平板,我们在家里也能找到我们喜欢的课程来学习了,微课也因此而生. 同样的,有了想要学习知识的学生,掌握了这些知识的人们也就有了把知识进行变现的途径,知识付费也有了存在的空间.对老师们来说,想要把知识变现,重要的便是选择一款合适的微课制作软件了.一款合适的软件可以让你的讲解更加的生动也可以让你的演示具有动画的功能,方便大家理解. 这里我们用的是Camtasia,它不仅具有录制屏幕的功能,还具有即时…
随着网络技术的快速发展,手机等移动工具越来越普及,我们的生活也发生了很大的变化,例如我们以前必须去到学校才能学习知识,但是现在躺在床上都可以看国外的教学视频.所以在网上录制教学或者演示视频变得越来越常见,在这个过程中,最重要的便是选择一款合适的软件了.一款合适的软件可以让你的讲解更加的生动也可以让你的演示具有动画的功能,方便大家理解. 今天我给大家推荐的便是一款可以很好录制屏幕的软件--Camtasia. 图1:Camtasia2019版软件 它不仅具有录制屏幕的功能,还具有即时播放和编辑压缩的…
项目里要用HighChart显示图表,如果返回的数量量太多,生成图表是一个很耗时的过程.tab控件又没有显示遮罩的设置(至少本菜是没有找到), Google了一下,根据另一个兄台写的方法,拿来改造了一下,效果不错.拿来分享 原文地址:jQuery扩展easyui.datagrid,添加数据loading遮罩效果代码 修改后的代码: (function () { $.extend($.fn.tabs.methods, { //显示遮罩 loading: function (jq, msg) { r…
Hack.5 使用TextSwitcher和ImageSwitcher实现平滑过渡 实现步骤: 1.通过findViewById()方法获取TextSwitcher对象的引用Swithcer,当然也可直接在代码中构造持续对象: 2.通过Switcher.setFactory()方法指定TextSwitcher的ViewFactory: 3.通过Switcher的.setInAnimation()方法设置换人动画效果: 4.通过Switcher.setOutAnimation 方法设置换出动画效果…
我给swiper添加了自动滚动效果,然后用手指划过页面,发现自动滚动效果不生效了,哪里出了问题呢? 添加参数 autoplayDisableOnInteraction : false,…
本篇文章由:http://xinpure.com/css3-animation-for-the-same-element-multiple-animation-effects/ CSS3 Animation 并未提供 给一个元素同时添加多个动画效果的方法,就是说一个元素,只能给它定义一个动画效果,不能同时定义. 需求说明 比如说,我想实现一个这样的动画效果: 一颗星星从上往下滑落,当滑落到指定位置时开始闪烁 这里就用到了两个动画效果: 1. 从上往下滑落 (单次动画) 2. 闪烁 (循环动画)…
CSS3 Animation 并未提供 给一个元素同时添加多个动画效果的方法,就是说一个元素,只能给它定义一个动画效果,不能同时定义. 需求说明比如说,我想实现一个这样的动画效果: 一颗星星从上往下滑落,当滑落到指定位置时开始闪烁 这里就用到了两个动画效果: 1. 从上往下滑落 (单次动画) 2. 闪烁 (循环动画) 因为 CSS3 Animation 是不能给星星这个元素同时定义这两个动画效果的,所以我们就只能从其它方向入手了. 思考解决方案我是这样想的,既然不能同时定义两个动画,那能不能在元…
想要添加这个效果,先来弄明白页面的加载和事件执行顺序,看这个简单例子: <html xmlns="http://www.w3.org/1999/xhtml"> <head > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>验证加载顺序</title> <script src=…
只需要为添加效果的图片定义一个伪类 img.zoom-img:hover { -webkit-transform: scale(1.15); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 20000ms; -moz-transform: scale(1.15); -moz-transition-timing-function: ease-out; -moz-transition-duratio…
//jquery.datagrid 扩展加载数据Loading效果 (function (){ $.extend($.fn.datagrid.methods, { //显示遮罩 loading: function(jq){ return jq.each(function(){ $(this).datagrid("getPager").pagination("loading"); var opts = $(this).datagrid("options&qu…