Project Description
05 minutes15 secondsLogin registration layout construction
16 minutes17 secondsList layout construction
07 minutes14 secondslogo and search box
07 minutes14 secondsProduct category navigation layout
07 minutes19 secondsPath navigation layout
07 minutes33 secondsDynamic rendering of path navigation data
14 minutes49 secondsMagnifying glass layout construction on the left
13 minutes27 secondsMagnifying glass mouse move in and out effect
13 minutes41 secondsMove the magnifying glass mouse to realize the dragging effect of mask elements
16 minutes11 secondsBoundary control for mask element movement
06 minutes53 secondsMoving the magnifying glass achieves the effect of moving large picture elements in equal proportions
13 minutes33 secondsMagnifying glass thumbnail layout construction effect
12 minutes50 secondsDynamic rendering of magnifying glass thumbnail data
09 minutes06 secondsClick on the thumbnail to change the image to a smaller or larger image.
19 minutes15 secondsAnalysis on the principle of image carousel effect by clicking the left and right arrows on thumbnails
08 minutes09 secondsCalculate the distance of each picture movement and the distance of ul movement
17 minutes28 secondsThe layout of the detailed introduction of the upper part of the product on the right
24 minutes04 secondsDetailed explanation of the upper part of the product on the right introduces dynamic rendering of data
15 minutes00 secondsProduct parameter layout construction for the lower half of the product on the right
10 minutes12 secondsDynamic rendering of product parameter data in the lower half of the product on the right
17 minutes04 secondsClick on the text color of the first row of product parameters for exclusive effects
16 minutes22 secondsUse closure functions to solve variable problems in events in loops
18 minutes28 secondsImplement layout construction of selection results
04 minutes25 secondsClick on the product parameters to dynamically add corresponding results.
18 minutes38 secondsClick the delete button to delete the corresponding parameter data
19 minutes36 secondsPackage price change function
17 minutes32 secondsShopping cart and purchase price layout construction
08 minutes57 secondsThe overall structural layout of the middle left tab
13 minutes12 secondsConstruction of the specific content layout of the middle left tab
10 minutes05 secondsChoose the overall structural layout to match on the right side of the middle
16 minutes54 secondsSelect the package price linkage effect when the check box is selected in the collocation
15 minutes57 secondsBuilding the middle right tab layout
13 minutes27 secondsEncapsulate a public tab function and call
18 minutes38 secondsConstruction of the work part of the right navigation bar
09 minutes56 secondsConstruction of the middle layout of the right navigation bar
15 minutes39 secondsImplementation of switching status by clicking on the right navigation bar
11 minutes15 seconds