jq movement and css animation .animate ()

Animation related methods:  

   .hide (), hidden tabs  

.show (), will be set up to show dhisplay property to display none of the elements revert to the default label property if you have changed the value of the element you modify the value of the recovery

.toggle () event between switching between Hide Show

 Parameters: null or (duration, easing, callblack)

    .fadeIn, fade

.fadeout fade

Switching between, .fadeToggle, both

.fadeTo () to the element switching state parameters you set

       Parameters: null or (duration, [opacity], easing, callblack)

    .slideDown () involved

, .SlideUp () unwinding

, .SlideToggle () to switch the main concern of both highly variable

   Parameters: null or (duration, [opacity], easing, callblack)

 

-----------------------------------------------------------------------------------------------------------------------------------

.animate()

    参数:(target duration easing callback)

Movement function on their own without triggering departure

Multi-sport can continue to perform the callback method but raises hell problem can be solved with the built-in queues so you can directly call the next graph compares Note that the code in the callback function

 

    .stop () does not pass the current motion parameter and turn the stop motion period of a single parameter, and true prevents this movement will prevent subsequent movement of the two true current motion instantaneously moved to the target point and the current movement

.finish () Stops the current and subsequent motion to move to the last moment of the target point

 Parameters: true false

.delay () method of delaying the delay a certain time period after the end of the opening period of movement of a

jQuery.fx.off = true movement of the switch 

Plug-in name: jQuery Easing Plugin: Objective: to extend the jQuery animated transition effects link address: https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js

-------------------------------------------------------------------------------------------------------

.animate () built-queue the principle of understanding

.queue () method

Has two parameters type and content as follows

The method may create a value which is stored in a queue of an array

The method may also view the queue shown in FIG.

dequeue () parameter is the name of a team queue

Each time a team once a little attention to the contents of the order

next () function corresponding to a next queue herein may be executed out sequentially

.clearQueue () method: one-time queue is cleared

---------------------------------------------------------------------------------------------------------------------------

Image size position coordinates related method:

    .offset () returns an object can take the value away from the assignment document document format as an object

  .POSITION () returns an object distance relative positioning of the parent

.scrollTop (), get the scroll bar position Returns $ (window) .scrollTop () on the line can be assigned values

.scrollLeft () Gets the scroll bar position Returns $ (window) .scrollTop () on the line

 .width()、返回元素的盒模型content区域的宽度

.height()   

 .innerWidth()、返回元素的盒模型content + padding 区域的宽度

.outerWidth()、

.innerHeight()、

.outerWidth()  返回元素的盒模型content + padding + border 区域的宽度

为.outerWidth() 添加参数true 会得到整个和模型的宽度

--------------------------------------------------------------------------------------

遍历索引相关方法:   

 .each(),补充.children()  

each该方法返回的ele是一个原生dom    

   .index() 用域获取标签的索引

发布了56 篇原创文章 · 获赞 1 · 访问量 1202

Guess you like

Origin blog.csdn.net/qq_40819861/article/details/102567017