How animate is used: Animate (Params,speed,callback);Example: Animate ({right: "-=600px", Height: "+=400px"}, "slow", function () {$ (this). CSS ("Border", "5px Solid Red")});where right and left , height change, width change.+ = indicates the current position to left/right or add height/width to xx pixels. "Slow" means speed, and it can make its own time, 3000 m
Let's take a look at the official introduction to this method.
Official Address http://api.jquery.com/animate/
. Animate (properties, [duration,] [easing,] [complete])Version added: 1.0PropertiesA map of CSS properties that the animation will move toward.DurationA string or number determining how long the animation will run.EasingA string indicating which easing function to use for the transition.Comp
Note: You need to check the browser of a later version. Chrome uses HTML5 labels and css3 styles in several places.
In this demo, I used the animate method to write a dynamic sliding effect, which is actually quite interesting. Animate method:
The key to this function is to specify the animation form and result style attributes, and each object has a changeable style attribute, such as width and heigh
Http://www.w3school.com.cn/jquery/effect_animate.aspInstanceChange the height of the "div" element:$ (". Btn1"). Click (function () { $("#box").animate({height:"300px"}); });Try it yourself.Definition and usageThe animate () method executes a custom animation of the CSS property set.This method changes the element from one state to another through CSS styles. CSS property values are changed gradually so th
Through the internship in the company one months, slowly on the CSS and HTML is more familiar with, these days began to study JS, today with JS write a jquery animate function, tested, performance can also. Personally feel that jquery is not omnipotent, because it is a framework, so some things write more dead, like the animate function, optional parameters may not be able to achieve the results we want.
T
The function used to create the custom animation.return value: JQuery animate (params, [duration], [easing], [callback])If you are using a string value such as "Hide," "Show," or "toggle," the default animated form is called for the property. Paramsoptions a group of packagesContains a collection of style attributes and their values as animated and final valuesParams object {}, note: All specified properties must be in camel form, for example with Mar
1, array sorting, the default ascending order, the sort () method invokes the ToString () of each item in the array, and then compares the resulting string to sort//sort (): Returns the array after sorting//var arr = [23,1,3,56,42,-1];// Arr.sort ();//alert (arr); -1,1,3,23,42,56//even though each item in the array is numeric, the sort () method compares the string//var arr = [0,1,5,10,15];//arr.sort ();//alert (arr); 0,1,10,15,5//sort () can receive a function parameter that is used to compare
:
12345678910111213141516
first_maven |-- pom.xml `-- src |-- main | |-- java | | `-- com | | `-- test | | `-- App.java | `-- resources | `-- META-INF | `-- application.properties `-- test `-- java `-- com `-- test `-- AppTest.java
pom.xml: A dependency used to define or add a jar packageSrc-main: For storing Java source filessrc-test: Used to store test cases.The target folder may also appear under the project, which is used to generate the corresponding class file or t
|--pom.xml '--src |--main | | --java | | '--com | | '--Test | | '--App.java | '--Resources | '--Meta-inf | '--application.properties '--Test '--Java '--com '--Test '--Apptest.java pom.xml: A dependency used to define or add a jar package Src-main: For storing Java source files src-test: Used to store test cases.The target folder may also appea
Label:1. functionDeletes a character of the specified length and inserts another set of characters at the specified starting point.2. GrammarSTUFF (character_expression, start, length, character_expression)3. ExampleThe following example removes the three characters from the 2nd position (character B) in the first string abcdef, and then inserts a second string at the beginning of the deletion, creating and returning a stringSELECT STUFF (' abcdef ',
Tags: style io ar color sp on div Art BSDECLARE @s VARCHAR (100)SET @s= ' r1-1-1 ' gets the number after the last "-"SelectREVERSE(@s) return value: 1-1-1R reverses the character. SelectLEN(@s) return value: 6 Get length SelectCHARINDEX(‘-‘,REVERSE(@s)) Return value: 2--Gets the position of the first occurrence of a string, and returns 0 Select if no character is changedSTUFF(@s,1,LEN(@s)-CHARINDEX(‘-‘,REVERSE(@s)) +1, ') return value: 1STUFFFunctionSTUFF (expression, start, length, Relacechar)
Dba_data_filesGroup BY Tablespace_name) bwhere a.tablespace_name = B.tablespace_nameand a.tablespace_name = ' xxx ';-------------------------To view the permissions that the current role XXX has:SELECT * from Dba_sys_privs where grantee= ' XXX ';-------------------------View the table space quotas for user xxx. (-1 is unrestricted)Select Tablespace_name,username,max_bytes from Dba_ts_quotas where username= ' XXX ';-------------------------Set the user MC's tablespace quota limit to 100M:Alter u
1. First PB needs UTF8 format, so it is converted from ANSI to UTF8 format to transfer2. On the receiving side, you need to convert UTF8 to ANSI to use3. You need to convert SQL from ANSI to UTF8 format before inserting a database4. The database setting character set is UTF8 ASSERT (0 = = Query (m_con, "Set NAMES UTF8", strlen ("Set NAMES UTF8" ));db_user_mail* Pmail = offline->Mutable_user_mail (); ASSERT (Pmail->has_content ());//system mail must be content Char* pcontent = Utf8
hide the D1 (click Hide, then expand 、......, alternately) at 2 seconds to the top left to the right7, callback function : Immediately after the execution of the action, we will execute the event defined in it.Cases$ ("#btn"). Click (function () {$ ("#d1"). Hide (1000,function () {alert ("AAA");});})//When clicking Btn, use 1 seconds to lower right to top left to hide D1, then print out AAA8, animation time animate:
hide the D1 (click Hide, then expand 、......, alternately) at 2 seconds to the top left to the right7, callback function : Immediately after the execution of the action, we will execute the event defined in it.Cases$ ("#btn"). Click (function () {$ ("#d1"). Hide (1000,function () {alert ("AAA");});})//When clicking Btn, use 1 seconds to lower right to top left to hide D1, then print out AAA8, animation time animate:
The animated effect of jquery1. Show () display effectSyntax: Show (speed,callback) Number/string,function speend is the animation execution time in milliseconds. It can also be slow "," normal "," fast "callback optional, for functions that are executed when the animation is complete.Show (Speed,[easing],callback) number/string easing is swing by default, optional linear;$ ("#div1"). Show (3000,function () {alert ("Animated display completed!");}); 2, Hide () hidden effectSyntax: Hide (speed
In some pictures on the site we can see in the display of pictures, with the mouse gently slide on the picture can see the text of the picture information, in fact, using jquery animate function can achieve such an animation process.
We use a div.wrap to place a picture, and a div.cover,cover that needs to be covered, to support any standard HTML content. Then copy the above code into a group of pictures.
Css
We need to use CSS to line
1. Role
Delete characters of the specified length and insert a group of characters at the specified start point.
2. Syntax
Stuff (character_expression, start, length, character_expression)
3. Example
The following example deletes the three characters starting from the first position (character B) in abcdef, and inserts the second string at the start of the deletion to create and return a string.
Select stuff
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.