17 |
18 |
1.bounce动画+背景惰性加载
19 | bounceUp此处延迟1s
20 |
21 |
22 |
2.bounceUp 动画延迟0.2s
23 | 延迟1s
24 |
25 |
26 |
3.bounceRight Transitions
27 | 延迟1.2秒
28 |
29 |
30 |
4.bounceDown Transitions
31 | 2. delay2秒
32 |
33 |
34 |
5.bounceLeft Transitions
35 | 延迟1s
36 |
37 |
38 |
6.fade Transitions
39 | 延迟1s
40 |
41 |
42 |
7.fadeUp Transitions
43 | 延迟1s
44 |
45 |
46 |
8.fadeUpBig Transitions
47 | 延迟1s
48 |
49 |
50 |
9.fadeRight Transitions
51 | 延迟1s
52 |
53 |
54 |
10.fadeRightBig Transitions
55 | 延迟1s
56 |
57 |
58 |
11.fadeDown Transitions
59 | 延迟1s
60 |
61 |
62 |
12.fadeDownBig Transitions
63 | 延迟1s
64 |
65 |
66 |
13.fadeLeft Transitions
67 | 延迟1s
68 |
69 |
70 |
14.fadeLeftBig Transitions
71 | 延迟1s
72 |
73 |
74 |
15.flipX Transitions
75 | 延迟1s
76 |
77 |
78 |
16.flipY Transitions
79 | 延迟1s
80 |
81 |
82 |
17.rotate Transitions
83 | 延迟1s
84 |
85 |
86 |
18.rotateDownLeft Transitions
87 | 延迟1s
88 |
89 |
90 |
19.rotateDownRight Transitions
91 | 延迟1s
92 |
93 |
94 |
20.rotateUpLeft Transitions
95 | 延迟1s
96 |
97 |
98 |
21.rotateUpRight Transitions
99 | 延迟1s
100 |
101 |
102 |
22.slideUp Transitions
103 | 延迟1s
104 |
105 |
106 |
23.slideRight Transitions
107 | 延迟1s
108 |
109 |
110 |
24.slideDown Transitions
111 | 延迟1s
112 |
113 |
114 |
25.slideLeft Transitions
115 | 延迟1s
116 |
117 |
118 |
26.zoom Transitions
119 | 延迟1s
120 |
121 |
122 |
27.zoomUp Transitions
123 | 延迟1s
124 |
125 |
126 |
28.zoomRight Transitions
127 | 延迟1s
128 |
129 |
130 |
29.zoomDown Transitions
131 | 延迟1s
132 |
133 |
134 |
30.zoomLeft Transitions
135 | 延迟1s
136 |
137 |
').html(response.replace(rscript, "")).find(selector)
1479 | : response)
1480 | callback && callback.apply(self, arguments)
1481 | }
1482 | $.ajax(options)
1483 | return this
1484 | }
1485 |
1486 | var escape = encodeURIComponent
1487 |
1488 | function serialize(params, obj, traditional, scope){
1489 | var type, array = $.isArray(obj), hash = $.isPlainObject(obj)
1490 | $.each(obj, function(key, value) {
1491 | type = $.type(value)
1492 | if (scope) key = traditional ? scope :
1493 | scope + '[' + (hash || type == 'object' || type == 'array' ? key : '') + ']'
1494 | // handle data in serializeArray() format
1495 | if (!scope && array) params.add(value.name, value.value)
1496 | // recurse into nested objects
1497 | else if (type == "array" || (!traditional && type == "object"))
1498 | serialize(params, value, traditional, key)
1499 | else params.add(key, value)
1500 | })
1501 | }
1502 |
1503 | $.param = function(obj, traditional){
1504 | var params = []
1505 | params.add = function(key, value) {
1506 | if ($.isFunction(value)) value = value()
1507 | if (value == null) value = ""
1508 | this.push(escape(key) + '=' + escape(value))
1509 | }
1510 | serialize(params, obj, traditional)
1511 | return params.join('&').replace(/%20/g, '+')
1512 | }
1513 | })(Zepto)
1514 |
1515 | ;(function($){
1516 | $.fn.serializeArray = function() {
1517 | var name, type, result = [],
1518 | add = function(value) {
1519 | if (value.forEach) return value.forEach(add)
1520 | result.push({ name: name, value: value })
1521 | }
1522 | if (this[0]) $.each(this[0].elements, function(_, field){
1523 | type = field.type, name = field.name
1524 | if (name && field.nodeName.toLowerCase() != 'fieldset' &&
1525 | !field.disabled && type != 'submit' && type != 'reset' && type != 'button' && type != 'file' &&
1526 | ((type != 'radio' && type != 'checkbox') || field.checked))
1527 | add($(field).val())
1528 | })
1529 | return result
1530 | }
1531 |
1532 | $.fn.serialize = function(){
1533 | var result = []
1534 | this.serializeArray().forEach(function(elm){
1535 | result.push(encodeURIComponent(elm.name) + '=' + encodeURIComponent(elm.value))
1536 | })
1537 | return result.join('&')
1538 | }
1539 |
1540 | $.fn.submit = function(callback) {
1541 | if (0 in arguments) this.bind('submit', callback)
1542 | else if (this.length) {
1543 | var event = $.Event('submit')
1544 | this.eq(0).trigger(event)
1545 | if (!event.isDefaultPrevented()) this.get(0).submit()
1546 | }
1547 | return this
1548 | }
1549 |
1550 | })(Zepto)
1551 |
1552 | ;(function($){
1553 | // __proto__ doesn't exist on IE<11, so redefine
1554 | // the Z function to use object extension instead
1555 | if (!('__proto__' in {})) {
1556 | $.extend($.zepto, {
1557 | Z: function(dom, selector){
1558 | dom = dom || []
1559 | $.extend(dom, $.fn)
1560 | dom.selector = selector || ''
1561 | dom.__Z = true
1562 | return dom
1563 | },
1564 | // this is a kludge but works
1565 | isZ: function(object){
1566 | return $.type(object) === 'array' && '__Z' in object
1567 | }
1568 | })
1569 | }
1570 |
1571 | // getComputedStyle shouldn't freak out when called
1572 | // without a valid element as argument
1573 | try {
1574 | getComputedStyle(undefined)
1575 | } catch(e) {
1576 | var nativeGetComputedStyle = getComputedStyle;
1577 | window.getComputedStyle = function(element){
1578 | try {
1579 | return nativeGetComputedStyle(element)
1580 | } catch(e) {
1581 | return null
1582 | }
1583 | }
1584 | }
1585 | })(Zepto)
1586 |
1587 | ;(function($){
1588 | var touch = {},
1589 | touchTimeout, tapTimeout, swipeTimeout, longTapTimeout,
1590 | longTapDelay = 750,
1591 | gesture
1592 |
1593 | function swipeDirection(x1, x2, y1, y2) {
1594 | return Math.abs(x1 - x2) >=
1595 | Math.abs(y1 - y2) ? (x1 - x2 > 0 ? 'Left' : 'Right') : (y1 - y2 > 0 ? 'Up' : 'Down')
1596 | }
1597 |
1598 | function longTap() {
1599 | longTapTimeout = null
1600 | if (touch.last) {
1601 | touch.el.trigger('longTap')
1602 | touch = {}
1603 | }
1604 | }
1605 |
1606 | function cancelLongTap() {
1607 | if (longTapTimeout) clearTimeout(longTapTimeout)
1608 | longTapTimeout = null
1609 | }
1610 |
1611 | function cancelAll() {
1612 | if (touchTimeout) clearTimeout(touchTimeout)
1613 | if (tapTimeout) clearTimeout(tapTimeout)
1614 | if (swipeTimeout) clearTimeout(swipeTimeout)
1615 | if (longTapTimeout) clearTimeout(longTapTimeout)
1616 | touchTimeout = tapTimeout = swipeTimeout = longTapTimeout = null
1617 | touch = {}
1618 | }
1619 |
1620 | function isPrimaryTouch(event){
1621 | return (event.pointerType == 'touch' ||
1622 | event.pointerType == event.MSPOINTER_TYPE_TOUCH)
1623 | && event.isPrimary
1624 | }
1625 |
1626 | function isPointerEventType(e, type){
1627 | return (e.type == 'pointer'+type ||
1628 | e.type.toLowerCase() == 'mspointer'+type)
1629 | }
1630 |
1631 | $(document).ready(function(){
1632 | var now, delta, deltaX = 0, deltaY = 0, firstTouch, _isPointerType
1633 |
1634 | if ('MSGesture' in window) {
1635 | gesture = new MSGesture()
1636 | gesture.target = document.body
1637 | }
1638 |
1639 | $(document)
1640 | .bind('MSGestureEnd', function(e){
1641 | var swipeDirectionFromVelocity =
1642 | e.velocityX > 1 ? 'Right' : e.velocityX < -1 ? 'Left' : e.velocityY > 1 ? 'Down' : e.velocityY < -1 ? 'Up' : null;
1643 | if (swipeDirectionFromVelocity) {
1644 | touch.el.trigger('swipe')
1645 | touch.el.trigger('swipe'+ swipeDirectionFromVelocity)
1646 | }
1647 | })
1648 | .on('touchstart MSPointerDown pointerdown', function(e){
1649 | if((_isPointerType = isPointerEventType(e, 'down')) &&
1650 | !isPrimaryTouch(e)) return
1651 | firstTouch = _isPointerType ? e : e.touches[0]
1652 | if (e.touches && e.touches.length === 1 && touch.x2) {
1653 | // Clear out touch movement data if we have it sticking around
1654 | // This can occur if touchcancel doesn't fire due to preventDefault, etc.
1655 | touch.x2 = undefined
1656 | touch.y2 = undefined
1657 | }
1658 | now = Date.now()
1659 | delta = now - (touch.last || now)
1660 | touch.el = $('tagName' in firstTouch.target ?
1661 | firstTouch.target : firstTouch.target.parentNode)
1662 | touchTimeout && clearTimeout(touchTimeout)
1663 | touch.x1 = firstTouch.pageX
1664 | touch.y1 = firstTouch.pageY
1665 | if (delta > 0 && delta <= 250) touch.isDoubleTap = true
1666 | touch.last = now
1667 | longTapTimeout = setTimeout(longTap, longTapDelay)
1668 | // adds the current touch contact for IE gesture recognition
1669 | if (gesture && _isPointerType) gesture.addPointer(e.pointerId);
1670 | })
1671 | .on('touchmove MSPointerMove pointermove', function(e){
1672 | if((_isPointerType = isPointerEventType(e, 'move')) &&
1673 | !isPrimaryTouch(e)) return
1674 | firstTouch = _isPointerType ? e : e.touches[0]
1675 | cancelLongTap()
1676 | touch.x2 = firstTouch.pageX
1677 | touch.y2 = firstTouch.pageY
1678 |
1679 | deltaX += Math.abs(touch.x1 - touch.x2)
1680 | deltaY += Math.abs(touch.y1 - touch.y2)
1681 | })
1682 | .on('touchend MSPointerUp pointerup', function(e){
1683 | if((_isPointerType = isPointerEventType(e, 'up')) &&
1684 | !isPrimaryTouch(e)) return
1685 | cancelLongTap()
1686 |
1687 | // swipe
1688 | if ((touch.x2 && Math.abs(touch.x1 - touch.x2) > 30) ||
1689 | (touch.y2 && Math.abs(touch.y1 - touch.y2) > 30))
1690 |
1691 | swipeTimeout = setTimeout(function() {
1692 | touch.el.trigger('swipe')
1693 | touch.el.trigger('swipe' + (swipeDirection(touch.x1, touch.x2, touch.y1, touch.y2)))
1694 | touch = {}
1695 | }, 0)
1696 |
1697 | // normal tap
1698 | else if ('last' in touch)
1699 | // don't fire tap when delta position changed by more than 30 pixels,
1700 | // for instance when moving to a point and back to origin
1701 | if (deltaX < 30 && deltaY < 30) {
1702 | // delay by one tick so we can cancel the 'tap' event if 'scroll' fires
1703 | // ('tap' fires before 'scroll')
1704 | tapTimeout = setTimeout(function() {
1705 |
1706 | // trigger universal 'tap' with the option to cancelTouch()
1707 | // (cancelTouch cancels processing of single vs double taps for faster 'tap' response)
1708 | var event = $.Event('tap')
1709 | event.cancelTouch = cancelAll
1710 | touch.el.trigger(event)
1711 |
1712 | // trigger double tap immediately
1713 | if (touch.isDoubleTap) {
1714 | if (touch.el) touch.el.trigger('doubleTap')
1715 | touch = {}
1716 | }
1717 |
1718 | // trigger single tap after 250ms of inactivity
1719 | else {
1720 | touchTimeout = setTimeout(function(){
1721 | touchTimeout = null
1722 | if (touch.el) touch.el.trigger('singleTap')
1723 | touch = {}
1724 | }, 250)
1725 | }
1726 | }, 0)
1727 | } else {
1728 | touch = {}
1729 | }
1730 | deltaX = deltaY = 0
1731 |
1732 | })
1733 | // when the browser window loses focus,
1734 | // for example when a modal dialog is shown,
1735 | // cancel all ongoing events
1736 | .on('touchcancel MSPointerCancel pointercancel', cancelAll)
1737 |
1738 | // scrolling the window indicates intention of the user
1739 | // to scroll, not tap or swipe, so cancel all ongoing events
1740 | $(window).on('scroll', cancelAll)
1741 | })
1742 |
1743 | ;['swipe', 'swipeLeft', 'swipeRight', 'swipeUp', 'swipeDown',
1744 | 'doubleTap', 'tap', 'singleTap', 'longTap'].forEach(function(eventName){
1745 | $.fn[eventName] = function(callback){ return this.on(eventName, callback) }
1746 | })
1747 | })(Zepto)
--------------------------------------------------------------------------------