2015-4-23 BAV Summary

BAV1015 Project Summary

Learn to use TORTOISESVN

U co-developed with TORTOSISESVN.the folder in the project has the right mouse button selected SVN detectionAfter installing the TORTOSISESVN, the storage

Go to the window on the right, in the repository URL: Output The address of the co-development project, click OK.

Project updates and Submissions

In the project file that we downloaded, click

right mouse button, you can see the update and submit. Attention

be updated before work, and each time you need to commit,

Must be updated again. Duplicate changes when submitting

The data thing, with the Code comparison tool, does not delete the

Others effect the code under the premise of finding yourself repaired

Change the place, confirm the error after saving, delete the backup

File. Updated at the arrow position to indicate what was updated

You. Note: When adding a new CSS or JS, you need to turn off the

After you save and close the development platform, the point update will not appear

New items.

Encounter problems

After the animation is set, when the page loading is complete, all the animation of the canvas is moved together, and the animation of the following layout is basically not seen. How can the animation begin to move when the visual distance is reached? Solve the problem 1, first add jquery.2, write JS file, the basic idea: when the page scroll to the place to reach a value, for the symbol to add a class with animation effect.

(function() {    //Animation    functionDo1 () {//Setting the var variable makes it easy to call, reducing the burden of repeated page calls.         varscrolltop = Document.body.scrollTop | |Document.documentElement.scrollTop, ScreenHeight= Window.screen.availHeight,//the height of the screen can be removed by the height of the work area. Page1 = $ (' #1 '),//Get 1 PropertiesPage2 = $ (' #2 '),//Get 2 PropertiesPage1top = Page1.offset (). Top,//Get second Edition Page1 heightPage2top = Page2.offset (). Top;//get the third version of the Page2 property                if(ScrollTop > Page1top-screenheight * 0.5 && scrolltop < Page1top + ScreenHeight * 0.5){            //Animate when the volume is greater than (page1 height – half the height of the currently available workspace) and less than Page1 height + half of the currently available workspace height. Page1.find (' Li '). addclass (' Bd-bounceinup ');//searches all paragraphs for descendants of the LI Element and adds an animated effect bd-bounceinup.         }        if(ScrollTop > PAGE2TOP-SCREENHEIGHT/2){            //second page animation            varliclass= ["Bd-1",//Create an array Liclass and save the animated name. "Bd-2",            "Bd-3",            "Bd-4",            "Bd-5",            "Bd-6",            "Bd-7",            "Bd-8",            "Bd-9",            "Bd-10"]; Page2.find (' Li '). each (function(i) {//add a function for each li. I overlay starting from 0$( This). addclass (Liclass[i]);            }); $ (' #p '). addclass (liclass[9]);//add 10 animations to elements with ID ISO        }    }})();

On the homepage plus

<script>       $ (document). Ready (function (){   // ) activates functions after the document is loaded:          // Animation        function () {/// Scroll event occurs when the user scrolls the specified element.             do1 ();        });        Do1 (); </script>

Summarize

1. Learn to use TORTORSESVN co-production projects. 2.js recognition determines the visual distance to reach the target element. 3. Add the Modify element CSS effect. 4. Fully understand that they are still unfamiliar with the Jqjs language. Can not do hundred understand the code.

2015-4-23 BAV Summary