-
新技術學習三部曲： 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
提交
取消