Sometimes I just can't see the paper.-jquery Animation effect Article & MySQL, thesis-jquery animation effects _php Tutorial

Source: Internet
Author: User
Tags pear lenovo

Sometimes I just can't see the paper.-jquery animation effect &mysql, thesis-jquery animation effect


Hi

In the morning, after knowing the new pattern of fighting, did not resist open a few, and then the paper ... Use this to break it.

1. JQuery

-----animation Effects-----

----Call the show () and Hide () methods to display and hidden elements

show()And hide() methods are used to show or hide elements in a page, which are called in the following format:

$(selector).hide(speed,[callback])And$(selector).show(speed,[callback])

The parameter speed setting is hidden or displayed as a velocity value, which can be "slow", "fast" or a millisecond value, and the option parameter callback to hide or show the function name that is called after the action has completed execution.


Show and hide elements using the show () and Hide () methods



I like to eat fruit



    • Apple

    • Gan Orange

    • Pear






Show () and Hide () methods----animation effects

In the previous section, calls show() and hide() methods are only the display and shadowing of the implemented elements, and if the "speed" parameter is added to the method, the animation effect can be displayed and hidden, and if the method's callback function is added, it will be called after the display or hide execution succeeds.


Show () and Hide () methods animate the display and hiding of elements



I like to eat fruit



    • Apple

    • Gan Orange

    • Pear






----Call the Toggle () method to achieve the animation transition effect

In the first section, we have learned that the display and concealment of the implementation elements need to be used hide() with show() , so is there a simpler way to achieve the same animation effect?

The invocation toggle() method can be easily done, that is, if the element is in the display state, the method is called to hide the element, and conversely, the element is displayed, and its invocation format is:

$(selector).toggle(speed,[callback])

Where the speed parameter is the velocity value when the animation effect, can be a number, in milliseconds, but also "fast", "slow" character, the option parameter callback is the function name of the callback after the method executes successfully.


Animation transition effect of the toggle () method




I like to eat fruit
Show



    • Apple

    • Gan Orange

    • Pear





----sliding effects using the slideup () and Slidedown () methods

You can use the and methods to slide elements in the page, which are used to slide up the elements, slideUp() slideDown() which are used to slide down the elements, which are called by:

$(selector).slideUp(speed,[callback])And$(selector).slideDown(speed,[callback])

Where the speed parameter is the velocity at the time of sliding, the unit is millisecond, the option parameter callback is the name of the callback function executed after the slide succeeds.

It is important to note that: slideDown() Applies only to elements that are hidden , slideup() or vice versa.


Sliding effects using the slideup () and Slidedown () methods



I like to eat fruit



    • Apple

    • Gan Orange

    • Pear






Note: JS is case sensitive, the function name is not wrong (don't ask me how I know

----Use the Slidetoggle () method to achieve the "face-changing" effect of the picture

The use slideToggle() method can be toggled and, that is, slideUp() slideDown() when the method is called, if the element has been slid upward, the element will slide down automatically, and conversely, the element will automatically slide upward, in the form of:

$(selector).slideToggle(speed,[callback])

Where the speed parameter is the velocity value when the animation effect, can be a number, in milliseconds, but also "fast", "slow" character, the option parameter callback is the function name of the callback after the method executes successfully.


Use the Slidetoggle () method to toggle the slide effect




I like to eat fruit
to decline



    • Apple

    • Gan Orange

    • Pear






----Use the Fadein () and fadeout () methods to achieve fading effects

fadeIn()And fadeOut() methods can implement the fade-out effect of elements, which fade into hidden elements, which fade out the visible elements, and their invocation formats are:

$(selector).fadeIn(speed,[callback])And$(selector).fadeOut(speed,[callback])

Where the parameter speed is the fade rate, the callback parameter is the name of the callback function executed after completion.


Using the Fadein () and fadeout () methods to achieve the effect of element fading



I like to eat fruit



    • Apple

    • Gan Orange

    • Pear






----Use the Fadeto () method to set the opacity of the fade effect

Invokes a fadeTo() method that adjusts the opacity of the selected element to the specified value in the fade-out effect, and the method is called in the format:

$(selector).fadeTo(speed,opacity,[callback])

Where the speed parameter is the velocity of the effect, the opacity parameter is the specified opaque value, its value range is 0.0~1.0, the option parameter callback is the function name of the callback after the effect is completed.


Use the Fadeto () method to set the opacity of the fade effect





----Call the Animate () method to make a simple animation effect

animate()The calling method can create a custom animation effect, which is called in the following format:

$(selector).animate({params},speed,[callback])

Where the params parameter is the animated CSS property name and value, the speed parameter is the velocity of the animation effect, in milliseconds, the optional callback parameter is the name of the callback function that is executed when the animation is completed.


Make a simple animation effect






Animate the move position----call the Animate () method

The call animate() method not only can make the animation effect which is gradually getting bigger, but also can make the animation of moving position, before moving the position, the "position" attribute value of the moved element must be set to "absolute" or "relative", otherwise, the element cannot move.


Animate a moving position






----Call the Stop () method to stop all current animation effects

stop()The function of the method is to stop the animation effects that are currently being performed before the animation is complete, including sliding, fading, and customizing animations, which are called in the following format:

$(selector).stop([clearQueue],[goToEnd])

Of these, two optional parameters Clearqueue and Gotoend are Boolean type values that indicate whether the animation being executed is stopped, which indicates whether the animation being executed is complete, and the default is False.


Call the Stop () method to stop all current animation effects







----Call the delay () method to perform an animation effect

delay()The function of the method is to set a delay value to postpone the execution of the animation effect, which is called in the following format:

$(selector).delay(duration)

Where the parameter duration is the delay value, it is in milliseconds, and the animation continues to execute when the delay value is exceeded.


Call the delay () method to perform an animation effect







2. MySQL

-----Sub-Query and connection-----

----Review

Last time, it was deleted and changed.

Keep in mind that the first three are write operations; Read operations

----Data Preparation

Create a smaller version of the data table for an e-shop as follows

Creating databases and data tables

mysql> CREATE DATABASE Tables_in_imooc;

mysql> use TABLES_IN_IMOOC;

Mysql> CREATE TABLE IF not EXISTS tdb_goods (
, goods_id SMALLINT UNSIGNED PRIMARY KEY auto_increment,
-& Gt Goods_name varchar () NOT NULL,
-goods_cate varchar (+) NOT NULL,
, Brand_Name varchar (+) not NULL,
Goods_price DECIMAL (15,3) UNSIGNED NOT null default 0,
-is_show BOOLEAN NOT NULL default 1,
-is_ Saleoff BOOLEAN not NULL DEFAULT 0
);

Mysql> SHOW COLUMNS from Tdb_goods;
+-------------+------------------------+------+-----+---------+----------------+
| Field | Type | Null | Key | Default | Extra |
+-------------+------------------------+------+-----+---------+----------------+
| goods_id | smallint (5) unsigned | NO | PRI | NULL | auto_increment |
| Goods_name | varchar (150) | NO | | NULL | |
| Goods_cate | varchar (40) | NO | | NULL | |
| Brand_Name | varchar (40) | NO | | NULL | |
| Goods_price | Decimal (15,3) unsigned | NO | | 0.000 | |
| Is_show | tinyint (1) | NO | | 1 | |
| Is_saleoff | tinyint (1) | NO | | 0 | |
+-------------+------------------------+------+-----+---------+----------------+

Inserting records

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' R510VC 15.6-inch notebooks ', ' notebooks ' , ' Asus ', ' 3399 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' y400n 14.0-inch Laptop ', ' Notebooks ', ' Lenovo ', ' 4899 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' g150th 15.6 inch game Ben ', ' Game Ben ' , ' Thor ', ' 8499 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' x550cc 15.6-inch notebooks ', ' notebooks ' , ' Asus ', ' 2799 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' X240 (20ALA0EYCD) 12.5-inch ultra-polar ', ' Super Ben ', ' Lenovo ', ' 4999 ', default,default;

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' u330p 13.3 ", ' Super Ben ', ' Lenovo ', ' 4299 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' SVP13226SCB 13.3 inch Touch Super-Ben ', ' Super Ben ', ' Sony ', ' 7999 ', default,default;

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' IPad mini md531ch/a 7.9 inch Tablet PC ', ' tablet ', ' Apple ', ' 1998 ', Default,default;

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' IPad Air md788ch/a 9.7 inch Tablet PC (16G WiFi version) ', ' tablet ', ' apple ', ' 3388 ', default,default;

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' IPad mini me279ch/a equipped with Retina display 7.9 inch Tablet PC (16G WiFi version) ', ' tablet ', ' apple ', ' 2788 ', default,default;

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' Ideacentre C340 20 inch All-in-one PC ', ' desktops ', ' Lenovo ', ' 3499 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' Vostro 3800-r1206 desktop computer ', ' Desktops ', ' dell ', ' 2899 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' IMac me086ch/a 21.5 inch One PC ', ' Desktop ', ' apple ', ' 9188 ', default,default;

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' AT7-7414LP desktop PC (i5-3450 four-core 4G 500G 2G single-Display DVD-mouse Linux) ', ' Desktop ', ' Acer ', ' 3699 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' z220sff f4f06pa workstation ', ' Server/Workstation ', ' hp ', ' 4288 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' PowerEdge T110 II server ', ' Server/Workstation ', ' dell ', ' 5388 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' Mac Pro md878ch/a Professional-grade desktop computer ', ' Server/workstation ', ' apple ', ' 28888 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' hmz-t3w ', ' Notebook accessories ' , ' Sony ', ' 6999 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' Business backpack ', ' notebook accessories ', ' Sony ', ' , Default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' X3250 M4 rack-mount Server 2583i14 ', ' Server/Workstation ', ' IBM ', ' 6888 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' Xuan Dragon Elite Edition Notebook Radiator ', ' notebook accessories ', ' Kyushu winds ', ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' hmz-t3w ', ' Notebook accessories ' , ' Sony ', ' 6999 ', default,default);

INSERT tdb_goods (Goods_name,goods_cate,brand_name,goods_price,is_show,is_saleoff) VALUES (' Business backpack ', ' notebook accessories ', ' Sony ', ' , Default,default);

Mysql> SELECT * from Tdb_goods\g;

This time show the data to see if there is garbled, if there is, change GBK

http://www.bkjia.com/PHPjc/1068259.html www.bkjia.com true http://www.bkjia.com/PHPjc/1068259.html techarticle Sometimes it is not to see the paper-jquery animation special effects of MySQL, the paper-jquery animation effects hi morning know the new model of chaos, did not resist the opening of a few, and then an unintentional paper ... ...

  • Related Article

    Contact Us

    The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

    If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.