Use JS and CSS to tell the reality of the picture control in a fixed area, greater than the proportion of this area scaling, less than the center of the region display.
css+js perfect control picture size
[Ctrl + A All
We use JS to write CSS styles usually in the following two ways:
In general, we use JS to set the style of the element object to use this form:
Copy Code code as follows:
var element= document.getElementById ("id");
Element.style.width=
JQuery Operations CSS
AddClass ()-add one or more classes to the selected element
Removeclass ()-deletes one or more classes from the selected element
Toggleclass ()-Toggle operation of the Add/Remove class to the selected element
CSS
Copy Code code as follows:
jquery with UL simulate form select list Menu effect
Please select ...
Option One
option two
option three
option Four
option Five
Implementation results
Finish
Query is a JavaScript CSS selector engine, compact and powerful, compressed around 2k, can be easily integrated into the code.Support Browser
ie6+, Firefox, Chrome, Safari, Opera
SelectorQuery (Selector[,context])Div#introDiv#intro.
Using jquery to get the value of the Background-color in a style, it is found that the color value obtained in the IE10 is displayed in hex format in the following version, while IE10, Chrome, and Firefox display RGB in GRB format ( 255,0,0) ",
This example describes the jquery implementation of the two-level CSS menu effect that can be highlighted. Share to everyone for your reference. Specifically as follows:
Here to implement the mouse on the level two menu, a level menu can be
In the trigger JS scroll event Ah, but I met is really not moving, I began to think it is FF above, did not think IE6 and IE7 have such effects, have to Marvel magic.
As I have found the following magic code: only the use of CSS to achieve scrolling
1. Transparency:If you don't specify a background color or a background image for a text, the background of the element is usually transparent.This is important, if an absolutely positioned and text element is placed on top of a text element, it
"Clear Demand"
The Web page loads the style sheet default.css, showing the default style. At the same time to achieve a variety of styles, the production of skin1.css,skin2.css,skin3.css three custom styles. If you load a default.css and then load
Pre-loading files generally have two common ways: xhr and dynamically inserting nodes. Dynamic Insert node is the simplest and most extensive asynchronous loading method (such as Yui's Get module), and then use the dynamic Insertion node method
Let's take a look at how to get the position of the cursor relative to the entire page, because the cursor position variable x,y is typically obtained by mouse events (such as MouseMove or MouseDown), and the following two common functions are used
Visibility: Toggles the element visibility while maintaining the position and space of the element in the normal stream. It has two values: visible (Default) and hidden (not visible),
For example:
Copy Code code as follows:
hello john,
For example: elem.style.height or elem.style.height = ' 100px ', it is important to note that any geometry attribute must be set to the specified size unit (such as PX), and that any geometry property returns a string representing the style rather
1. When changing a single element style, note that the syntax of the style object is almost one by one corresponding to the syntax used in CSS. However, attributes that contain hyphens are replaced with the form of a "camel castring", for example:
Set CSS Properties
To set the CSS properties you specify, use the following syntax:
Copy Code code as follows:
CSS ("propertyname", "value");
The following example sets the Background-color value for all matching elements:
Instance
The CSS () method sets or returns one or more style properties of the selected element.
Set CSS Properties
To set the CSS properties you specify, use the following syntax:
Copy Code code as follows:
CSS ("propertyname", "value");
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.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service