The use of Css+div to the Web site has been more and more attention, especially large sites, such as Alibaba, 163 and other large-scale portal site has completed the reconstruction work. I have had the habit of using Css+div to write the source code
So how do we implement the mobile navigation menu?
One, the effect chart
Mouse over menu, that is, show prompt information.
Second, the realization step
1, CSS Code
Copy Code code as follows:
The full name of the CSS is cascading style sheets, which is called Cascading style sheets, also called cascading stylesheets. The advantage of this is that the code is neat and can be processed in batches.
Basic syntax:
Annotation character:/*
The example of this article tells the JQUERY+CSS to achieve a very beautiful horizontal navigation menu effect. Share to everyone for your reference, specific as follows:
The screenshot of the running effect is as follows:
The background picture
In order to facilitate inquiries later, I have read some data summarized the following methods, only the original JS, if there is no place to welcome the point! We just have to see what we can learn.
A CSS style that can be read and written to
Now the Web page design is more popular using a large background image, then you know how to use a large background picture to stretch the effect? That is, using a fixed-size background image to stretch it in the page as the browser size, like our
The example of this article describes the horizontal layout multilevel Web Menu effect implemented by JQUERY+CSS. Share to everyone for your reference. Specifically as follows:
Here is a demo of jquery and CSS common Web pages Common navigation
First show you the effect of the picture:
View effect Source Download
HTML code section:
The code is as follows:
chocolate Bar browsers firefox chrome opera IE Netscape < ; a href= "#" >html html xhtml html5 css
First, CSS
1, CSS (name)
Accesses the style properties of the first matching element.return value StringParametersName (String): Property names to accessExample:
Copy Code code as follows:
$ ("P"). CSS ("color"); Gets the value of
Class attribute Modification
Class attributes, which are class attributes, specify the name of the classes.When specifying a style with a class selector, you need to specify the class name, which is the value of the class attribute, for the element.
This paper summarizes the compatibility of CSS and JavaScript across browsers in a large number of instances. Share to everyone for your reference. The concrete summary is as follows:
First, CSS style compatibility
1. Float Closure (clearing float)
In the enterprise application of BS architecture, when a number of table columns is large, a common requirement for users is to secure the first few important columns so that the fixed columns when dragging the scroll bar will facilitate the user to
The example of this article describes the JS+CSS implementation of the three-dimensional button text vertical menu effect. Share to everyone for your reference. Specifically as follows:
This is a nice vertical menu, there is a three-dimensional
CSS controls the different effects of different paragraphs, which classify the same HTML elements :
HTML page content:
classification of the same HTML elements
Hello, China!
Hello,www.bianceng.cn!
TEST.CSS content:
/* Classification
This class is mainly about how to use div to simulate a button.
Some of the new properties are used:
Border-radius
Adds a rounded border to a DIV element, such as
border-radius:5px;
Margin
Set all the margin properties in a single declaration,
The content of this lesson is the practice of the last lesson, according to what has been learned, write a very very simple page, follow Codecademy do, all of a sudden is over.
Effect Chart:
Code:
CSS is the abbreviation for Cascading style sheets (cascading style Sheets), whose specifications represent a unique development phase in internet history. Now for the web-making friends, rarely have heard of CSS, because in the process of making
We know that Dreamweaver is doing a good job in table making, but at some point it must be combined with CSS to achieve some specific effects, so we'll sort out the CSS syntax for the table border, and then explain how to use CSS to beautify the
Problem DescriptionWhen developing applications with SPRINGMVC. For beginners like me, but also self-taught people, there is a very headache problem. That is, the data has been found, but the style of the page is still very primitive, loading css.js,
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.