Three ways to learn how to make small ape carousel circle web map

Three ways to make things a little carousel figure ape circle today to share with you, hope we have to carefully study Oh, there are other problems also welcome to leave a message or my private letter Oh.

First, to achieve through animation and attribute @keyframes rule of CSS3.

First among @keyframes and learning CSS3 animation.

@keyframes rule - used to create animation, the provisions of a CSS style in @keyframes in, you can create

Becoming a new style of animation by the current style.

Browser support:

Internet Explorer 10 (IE10), Firefox, Opera supports animation and attribute @keyframes rules, chrome, Safari need to add the prefix "-webkit -" (Note: IE9 and earlier versions do not support animation properties and @keyframes rules)

@keyframes syntax: @keyframes function name (custom) {

Content: eg:

@keyframes firstAnimation{

from {background: yellow;}

to{ background: red;}

}

// safari和chrome

@-webkit-keyframes firstAnimation{

from {background: yellow;}

to{ background: red;}

} CSS3 animation

When the transfer rule with @keyframes create animated, it needs to be (function name) is bound to a selector, it would not animate.


Two, jQuery load () method: load () method to load data from the server, and the return of data into the selected element.

grammar:

$(selector).load(URL,data,callback);

Required URL parameters specified load URL.

The query string parameters predetermined key optional data transmitted together with the request / value pairs.

Optional callback parameter is a function name of the load () method completes performed.


three,

1, load jquery ajax method will return the data on the specified element, instead of global function.

2, get () is also a jquery ajax function, its role to return data to the user process, the global function

3, to achieve load is almost identical to realize get, there is no difference in ajax retrieval mechanism.

4, another important difference and get the load method: load can be specified to insert a section of the document.

Today's share so much, I do not know if you have not remember it, a good memory as bad written, you have to remember collection Oh, I feel good can also be shared with friends around Oh, want to learn front-end can be private letter I receive web video tutorials Oh.

Reproduced in: https: //www.jianshu.com/p/01e37e845d94

Guess you like

Origin blog.csdn.net/weixin_33991727/article/details/91100198