-
新技术学习三部曲： 1、了解官网； 2、案例运行； 3、熟悉细节；查看全部
-
js插件查看全部
-
velocity.js查看全部
-
delay 动画延迟 ，查看全部
-
鼠标移动上去，变手型 cursor: pointer;查看全部
-
line-height 上下居中查看全部
-
css 定位查看全部
-
浏览器加载js是有顺序的查看全部
-
div的对齐，之前我是算好各种宽度高度然后再定位或者用外边距挤开。 现在才发现，用定位左偏移50%， 再用margin-left左偏移负的自身宽度可以较轻易的实现水平居中。 同理，以前不好实现的垂直居中也可以使用绝对定位上偏移50%,然后margin-top上偏移负的自身。 最后非常重要的一点，在外容器使用相对定位固定位置，然后子元素使用绝对定位，该子元素将不超出容器。查看全部
-
Velocity.js插件,用于做动画 官网：http://julian.com/research/velocity查看全部
-
关闭叉号，可以用 × 字符编码替代，设置字体为helvetica, 再设置下字号，就可以模仿图片 x 关闭按钮。查看全部
-
使用框架:velocity.js查看全部
-
使绑定的div在鼠标滑上去（mouseover）的时候产生shake（callout.shake是velocity的预定义动画，进官网查看更多预定义动画）的效果，$(this)是指目前绑定的div<br> $('#id名称').on('mouseover',function(){<br> $(this).velocity('callout.shake');<br> }) 自定义动画： $.Velocity.RegisterEffect/RegisterUI('自定义动画名字',{ defaultDuration:300, //动画持续时间 calls:[ [{scaleX:1.1},0.5], [{scaleX:1.0},0.5] //scaleX是指该元素在X轴方向的缩放比例，后面的0.5指占动画总时长的比例 ] }); 再用 $('#id名称').on('mouseover',function(){<br> $(this).velocity('自定义动画名字');<br> })来实现动画的展现查看全部
-
velocity有一个动画序列的概念，是为了使动画依次进行查看全部
-
需要引入jquery.js以及velocity.min.js,velocity.min.ui.js 截图中是一个jquery选择器的基本框架，可以用js代码来控制，duration：3000（是指动画持续时间为3000ms） width与height在css代码中会先设置一个小点的值，然后再执行js代码后会有动画效果查看全部
举报
0/150
提交
取消