The example of this article describes the effect of the Js+css drop-down list box. Share to everyone for your reference. Specifically as follows:
A js+css after the beautification of the Drop-down list, the effect is very good, but the code is a
One, the incident description: Many friends in the use of DW8 will encounter this situation, the following figure.
When a CSS file is linked to the currently edited document and a defined CSS style is applied to the page element, no effect is seen
On the current popular web site, we often see small triangular drop-down prompts (the dropdown menu at the top of the microblog) and a simple way to use a picture instead, but with the development of front-end technology and the "nit-picking" of
In fact, careful friends will find that the top of the toolbar is actually a tiled background image, CSS played a fixed background role, but also a unique way to achieve.
top Drag no Flicker menu bar Cloud Habitat
Popular on the Internet:
Body
{
Background-image:url (' Javascript:document.write (" ")")
}
This method causes the home page to be abnormal. Returns a blank.
Use the window.
Body
{
Background-image:url (' Javascript:open ('
Difference IE6 with FF:
Background:orange;*background:blue;
Distinction between IE6 and IE7:
Background:green!important;background:blue;
Difference IE7 with FF:
Background:orange; *background:green;
Difference
*:lang (en) Select {font:12px!important}/*ff Dedicated * *
Select:empty {font:12px!important}/*safari Visible * *
Here the Select is a selector and is replaced according to the situation. The second sentence is unique to the Safari browser on the
sequence table ol beautiful pagination style sequence Table ol paging source/style Total record number:3 Total pages:3 Current page: 3 Home ago One page 1 2 3 4 5 6 7 &L t;li>8 9 Next Last
[Ctrl + A All SELECT Note:
Effect Chart:
Demo Code:
div+css to create exquisite navigation menu, Sky sorting collection.
"> Cloud-dwelling community, webmaster must have high-quality web effects and advertising code." Jb51.net, webmaster JS special effects.
Pure CSS Vertical navigation menu Cloud-Habitat community c SS Special Effects Source Download ad contact
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
Name of 1.CSS ID
Coat: Wrap
Main navigation: Mainnav
Sub-navigation: Subnav
Footer: Footet
Entire page: Content
Header: Header
Footer: Footer
Trademarks: Label
Titles: Title
Main navigation: Mainbav (GLOBALNAV)
Top Navigation: Topnav
Edge Navigation:
Although tabbed navigation has been completed, but the square-like navigation does not seem to be able to adapt to the current design trend, in fact, navigation can not only use the color of CSS to define, can also use well-designed pictures or
Brief tutorials
This is a shutter-type switching tut effect made with pure CSS3. This effect is created using a background image, which is cool when the carousel is toggled with a set of DIV elements to make the blinds.
How to use
HTML structure
6
Brief tutorials
This is a set of beautiful sliding switch button effects made with CSS3. This set of sliding buttons is designed according to bootstrap scenarios and can accommodate 5 different scenarios, as well as an unusable state.
How to
Brief tutorials
This is a very creative pure CSS3 navigation menu effect. This navigation menu is mainly achieved through the CSS3 transform and Transition methods, which is very simple. This effect is provided by the attacking Ho.
How to use
HTML
Details about html tags (1) and details about html tagsHttp tag details and explanations1. Basic labels
1 2 indicates creating an html document --> 3 set the document title and other information not displayed on the webpage --> 4 title
Use Image lazy loading and swiper image loading in combination with swiper
I have a scum, and the technology is average. I keep my notes. Don't try it. You can leave optimization suggestions. Thank you.
Recently, I just made a presentation-type
Compatible with rgba in IE8 and rgba in IE8
When I was working on a project a few days ago, I encountered a problem about transparency. Today I am blank to tell you some of my views and how to be compatible with transparency.
I. Two methods (IE9 +)
1
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