Gets the function of the real, final CSS style attribute value of the element
function GetStyle (elem,name) {
if (Elem.style[name]) {
return Elem.style[name];
}else if (elem.currentstyle) {
return Elem.currentstyle[name];
}else if
Although JS can want to object-oriented way to construct objects, hidden private methods, but the need for change is often faster than you write the program, even the design of JS object time is not, so I prefer to use JS private functions and JS
Copyright Notice: Original works, allow reprint, reprint, please be sure to hyperlink form to indicate the original publication of the article, the author's information and this statement. Otherwise, legal liability will be
The effect is as follows:
Using jquery we can easily achieve the above effect, the code is as follows:
Copy Code code as follows:
jquery odd and even CSS effect
Line 1th
Line 2nd
Line 3rd
Line 4th
Line 5th
As shown below:
function GetStyle (node, property) {
if (Node.style[property]) {return
node.style[property];
else if (node.currentstyle) {return
node.currentstyle[property];
else if (Document.defaultview &&
Before starting this article, let's briefly introduce the HTML tags: using tags, we can define anchors on an HTML page, and anchors have two uses:
Create a link (or hyperlink) to another document by using the href attribute
Create a bookmark
STR is the xmlrequest that is returned via Ajax
/* Dynamically load CSS style*/
function Loadstyle (str)
{
var regexp_src=/[^<>]*/gi;
var matcharray_src=str.match (REGEXP_SRC);
Alert (matcharray_src[0]);
if (MATCHARRAY_SRC) {
for (Var i=0;i{Alert
This article illustrates the effect of a tabbed bar switch with jquery to achieve smooth scrolling. Share to everyone for your reference. Specifically as follows:
Run the code as follows
The specific code is as follows
jquery
Another example of what someone said today: pure CSS Pull-down menu:Effect chart
The implementation of this is simple, mainly: the use of hover and transition property transition.
Code:
css *{margin:0;
padding:0;
font-size:16px;
One, the figure shows the style, that is, the color of the graphic, the second, the algorithm, that is, the shape of the image, is a simple line, rectangle, circle, fan, Polygon, and so on, JavaScript and CSS is undoubtedly the best partner, all the
If you have a lot of related CSS files to load together, or want to dynamically load different CSS files, then the following methods you must be helpful.jquery dynamic loading js and CSS extension methods
$.extend ({
includepath: ",
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
[Add CSS styles dynamically]
Test
[Dynamic Add script label]
Principle Ditto
Test
The above is a small series to introduce the JavaScript dynamic add CSS style and script tags, I hope to help
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
SOURCE download
Bxcarousel parameter Description:
Move: Scrolls the number of pictures each time, by default 4.
Display_num: Show the number of pictures, the default is 4.
Speed: Picture scrolling speed, defaults to 500 milliseconds.
margin:
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) ",
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