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]
Please note that the background image inside is PNG transparent, so you must set the color in Li to block the background of the UL and the background of a map overlap.
mac menu index Store Mac iPhone Downloads
Support
[
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
js+css discontinuous and uninterrupted text scrolling code First line second line Third line First line second line Third line
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to
This code to achieve the fade out can be, relatively smooth, the same from javascript+css both.
javascript text fade and Fade show You know what? Cloud-dwelling communities are jb51.net
[Ctrl + A All SELECT Note: If the need to
Most of our use of CSS uses a link tag in the Web page to introduce a CSS file. or define CSS styles within the head tag in a Web page. Dom actually provides a number of instructions. You can dynamically set or get the CSS skin style of an element.
But this is not conducive to plug-in porting, so write this function to dynamically generate CSS.
Copy Code code as follows:
Addcss=function (c) {
var sty=document.createelement (' style ');
Sty.type= ' Text/css ';
if (browser.ie) {
Pure CSS pull-down menu support IE6 IE7 Firefox &
lt;/title> xhtml/css Standard Tutorials Technical Articles FAQ & lt;/li> Layout Tutorial Topics css menu Browser compatible scroll bar related Fillet Rectangular Special topic
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