Chapter 3 Project Practice-fixed PC deployment [3], practice-pc
Learning points:
1. Search Area
2. Insert a large image
3. Search box
Lecturer: Li Yanhui
This chapter describes how to use HTML5 and CSS3 to build Web pages. The first project is implemented with a fixed
Dark Horse Blog Mass theme station released in October 2010 October 24 release, and enable the two-level domain name. There are 2 reasons for the online theme station:
1, better publicity and promotion of Black Horse blog Mass;
2, Black Horse blog Mass theme station will be around the "mass blog" as the key words, th
Chapter 3 Project Practice-fixed PC deployment [3] Key Points of study:
1. Search Area
2. Insert a large image
3. Search box
Lecturer: Li Yanhui
This chapter describes how to use HTML5 and CSS3 to build Web pages. The first project is implemented with a fixed PC layout.
I
.offsettop+topy; varx = (E.clientx + document.body.scrollLeft | | e.pagex)-OX | | 0, y= (E.clienty + document.body.scrollTop | | e.pagey)-OY | | 0; //Draw 360 degrees arc, is a circle, because set the Ctx.globalcompositeoperation = ' destination-out '; //the painting is transparent.Ctx.beginpath (); Ctx.arc (x, y, Fontem*1.2, 0, Math.PI * 2,true); //the following 3 lines of code are to repair some mobile browsers that do not support destinatio
) {e.preventdefault (); if (Ismousedown) {if (e.changedtouches) {e=e.changedtouches[e.changedtouches.length-1]; } var topy = document.getElementById ("Top"). OffsetTop; var OX = c1.offsetleft, OY = c1.offsettop+topy; var x = (E.clientx + document.body.scrollLeft | | e.pagex)-OX | | 0, y = (e.clienty + document.body.scrollTop | | e.pagey)-OY | | 0; Draw 360 degrees arc, is a circle, because set the Ctx.globalcompositeoperation = ' destination-out ';
Learning Essentials:1. Search area2. Insert a larger image3. Search boxKeynote Teacher: Li TinghuiThis chapter begins with learning to build Web pages using HTML5 and CSS3, and the first project is implemented with a PC-side fixed layout.A Search areaIn this lesson, we then head down the header to design a search area. This area can be either a large ad map or a user registration or a search bar, which is a large background with a single form embedded
On the phone side, the stacking effect of the album is a more common way to display a picture, each person's ideas may be some different, the way to achieve different.This blog is mainly to share my implementation of the method. Welcome all suggestions, point out my shortcomings, first 3Q ~Let's take a look at the last:Thinking and Principle analysis:1, the first is the layout of the problem. By default, five misplaced images are displayed, and the re
3 methods are relatively simple, add the following JS code in the header of the page:
For simply jumping directly from www.maslinkcom to M.maslink.com, this method is only available from the home page:
2. If the site in addition to the home section, followed by the following, such as: www.maslink.com/list/98/, for such a url,pc directly such access, for the mobile
Now is ready, only owed the East wind, good, we work together, first to Dongfeng East.Fireworks particle effectThe first to implement our fireworks particle effect, click on our particle and configure it in a way. Note that at this point we have added white.png as a particle effect. Here are a few places to watch out for. At the end of the game, I ran the particle ef
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.