Web2.0,CSS,XHTML http://www.lvjiyong.com my english version blog...... en-us Sat, 04 Nov 2006 04:16:13 GMT Sat, 04 Nov 2006 04:16:13 GMT 吕的部落格 Version 1.0.0.0 Style Sheet Switcheroo http://www.lvjiyong.com/en-us/item/Style-Sheet-Switcheroo John Lv John Lv Sat, 04 Nov 2006 04:16:13 GMT http://www.lvjiyong.com/en-us/item/Style-Sheet-Switcheroo http://www.lvjiyong.com/en-us/item/Style-Sheet-Switcheroo http://www.lvjiyong.com/en-us/item/Style-Sheet-Switcheroo#postComment 3 http://www.lvjiyong.com/en-us/comment/Style-Sheet-Switcheroo http://www.lvjiyong.com/en-us/trackback/Style-Sheet-Switcheroo The first time I saw a style sheet switcher I was either reading A List Apart or Simple Bits, both excellent sites you should visit if you are serious about design.

Since then, I’ve seen many different methods for allowing a visitor to switch a stylesheet with a click of a mouse. But recently I came across a short example of how to do it with jQuery.

I want to show you this example and walk you through it because it not only gives another fine example of the short code you can write with jQuery but also too illustrate some of the more advanced features of the jQuery javascript library.

]]> Getting Started with jQuery http://www.lvjiyong.com/en-us/item/Getting-Started-with-jQuery John Lv John Lv Sun, 29 Oct 2006 15:35:34 GMT http://www.lvjiyong.com/en-us/item/Getting-Started-with-jQuery http://www.lvjiyong.com/en-us/item/Getting-Started-with-jQuery http://www.lvjiyong.com/en-us/item/Getting-Started-with-jQuery#postComment 0 http://www.lvjiyong.com/en-us/comment/Getting-Started-with-jQuery http://www.lvjiyong.com/en-us/trackback/Getting-Started-with-jQuery This guide is an introduction to the jQuery library. Knowledge of javascript and the document object model (DOM) is required. It starts from ground up and tries to explain details where necessary. It covers a simple hello world example, selector and event basics, AJAX, FX and usage and authoring of plugins.

This guide contains no "click me" examples. The intention of providing only "copy me" code is to invite you to try it for yourself. Copy an example, see what it does, and modify it.

]]> How To Clear Floats Without Structural Markup http://www.lvjiyong.com/en-us/item/How-To-Clear-Floats-Without-Structural-Markup John Lv John Lv Thu, 26 Oct 2006 13:57:00 GMT http://www.lvjiyong.com/en-us/item/How-To-Clear-Floats-Without-Structural-Markup http://www.lvjiyong.com/en-us/item/How-To-Clear-Floats-Without-Structural-Markup http://www.lvjiyong.com/en-us/item/How-To-Clear-Floats-Without-Structural-Markup#postComment 0 http://www.lvjiyong.com/en-us/comment/How-To-Clear-Floats-Without-Structural-Markup http://www.lvjiyong.com/en-us/trackback/How-To-Clear-Floats-Without-Structural-Markup not automatically force the container's bottom edge down as the float is made taller. Instead the float is ignored by the container and will hang down out of the container bottom like a flag. Those familiar only with Explorer for Windows may scratch their heads and say "That's not right!" True, IE/Win does enclose a float within a container 'automatically', but only if the container element has a stated dimension, and in any case it's a W3C spec violation. This illegal behavior can also be 'toggled' on and off by links within the container, if 'hovering' alters the link background or several other properties. Quite a mess.]]> CheapOsx http://www.lvjiyong.com/en-us/item/CheapOsx John Lv John Lv Mon, 12 Jun 2006 15:27:14 GMT http://www.lvjiyong.com/en-us/item/CheapOsx http://www.lvjiyong.com/en-us/item/CheapOsx http://www.lvjiyong.com/en-us/item/CheapOsx#postComment 0 http://www.lvjiyong.com/en-us/comment/CheapOsx http://www.lvjiyong.com/en-us/trackback/CheapOsx
ABOUT THE CODE
Some lists within the Listamatic site had to be modified so that they could work on Listamatic's simple list model. When in doubt, use the external resource first, or at least compare both models to see which one suits your needs.]]> Listamatic http://www.lvjiyong.com/en-us/item/listamatic John Lv John Lv Mon, 12 Jun 2006 15:22:54 GMT http://www.lvjiyong.com/en-us/item/listamatic http://www.lvjiyong.com/en-us/item/listamatic http://www.lvjiyong.com/en-us/item/listamatic#postComment 0 http://www.lvjiyong.com/en-us/comment/listamatic http://www.lvjiyong.com/en-us/trackback/listamatic Can you take a simple list and use different Cascading Style Sheets to create radically different list options? The Listamatic shows the power of CSS when applied to one simple list.

CSS and Javascript workshops

]]> DYNAMIC ENLARGING IMAGE USING ONLY CSS http://www.lvjiyong.com/en-us/item/5 John Lv John Lv Mon, 12 Jun 2006 15:18:52 GMT http://www.lvjiyong.com/en-us/item/5 http://www.lvjiyong.com/en-us/item/5 http://www.lvjiyong.com/en-us/item/5#postComment 0 http://www.lvjiyong.com/en-us/comment/5 http://www.lvjiyong.com/en-us/trackback/5 Go http://www.cssplay.co.uk/menu/image_magnifier2.html View the demo]]> Max Design - standards based web design, development and training http://www.lvjiyong.com/en-us/item/MaxDesign John Lv John Lv Sun, 11 Jun 2006 07:17:19 GMT http://www.lvjiyong.com/en-us/item/MaxDesign http://www.lvjiyong.com/en-us/item/MaxDesign http://www.lvjiyong.com/en-us/item/MaxDesign#postComment 0 http://www.lvjiyong.com/en-us/comment/MaxDesign http://www.lvjiyong.com/en-us/trackback/MaxDesign Welcome to maxdesign

Max Design is a Sydney web design and web development business that specialises in fresh, dynamic sites with a strong focus on Cascading Style Sheets, usability, accessibility and web standards. We also offer customised CSS and Web Standards training.

]]> CSS ONLY DROPDOWN MENU - FURTHER EXAMPLES http://www.lvjiyong.com/en-us/item/DROPDOWNMENU John Lv John Lv Sun, 11 Jun 2006 07:04:26 GMT http://www.lvjiyong.com/en-us/item/DROPDOWNMENU http://www.lvjiyong.com/en-us/item/DROPDOWNMENU http://www.lvjiyong.com/en-us/item/DROPDOWNMENU#postComment 0 http://www.lvjiyong.com/en-us/comment/DROPDOWNMENU http://www.lvjiyong.com/en-us/trackback/DROPDOWNMENU CSS PLAY http://www.lvjiyong.com/en-us/item/CSSPLAY John Lv John Lv Sun, 11 Jun 2006 06:57:08 GMT http://www.lvjiyong.com/en-us/item/CSSPLAY http://www.lvjiyong.com/en-us/item/CSSPLAY http://www.lvjiyong.com/en-us/item/CSSPLAY#postComment 0 http://www.lvjiyong.com/en-us/comment/CSSPLAY http://www.lvjiyong.com/en-us/trackback/CSSPLAY A LITTLE BIT ABOUT ME
Me

I am 59 years old, married with two children, work as an electronics design draughtsman and have a passion for computers and photography.

I started out with computers in the 1980s when I began writing articles on the ZX81 and ZX Spectrum for the computer magazines of the time. I was also commissioned by McGraw-Hill to write two books on Z80 programming for the ZX Spectrum.

]]> CSS Panel http://www.lvjiyong.com/en-us/item/CSSPanel John Lv John Lv Sun, 11 Jun 2006 06:51:55 GMT http://www.lvjiyong.com/en-us/item/CSSPanel http://www.lvjiyong.com/en-us/item/CSSPanel http://www.lvjiyong.com/en-us/item/CSSPanel#postComment 0 http://www.lvjiyong.com/en-us/comment/CSSPanel http://www.lvjiyong.com/en-us/trackback/CSSPanel #info {background:#fff;} #info ul {margin:3em; padding:0; list-style-type:none; background:transparent; height:3em;} #info li {display:block; float:left;} .xsnazzy {background:transparent;} .xsnazzy span {text-align:center; color:#fff; margin:0; font-weight:normal; padding-bottom:0.5em;} .xtop {display:block; background:transparent; font-size:1px;} .xb1, .xb2, .xb3, .xb4 { display:block; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } .xb1, .xb2, .xb3 {height:1px;} .xb2, .xb3, .xb4 {background:#dd7; border-left:1px solid #fff; border-right:1px solid #fff;} .xb1 {margin:0 5px; background:#fff;} .xb2 {margin:0 3px; border-width:0 2px;} .xb3 {margin:0 2px;} .xb4 {height:2px; margin:0 1px;} .xboxcontent {display:block; background:#cc6; border:0 solid #fff; border-width:0 1px 1px 1px;} a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:7em; font-size:0.9em;} a.xmenu2:hover {background:transparent; cursor:pointer;} a.xmenu2:hover span {color:#000;} a.xmenu2:hover .xboxcontent {background:#eee; border-color:#888; border-bottom:1px solid #eee;} a.xmenu2:hover .xb1 {background:#888;} a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#fff; border-color:#888;} #abs {background:transparent; cursor:pointer;} #abs span {color:#000;} #abs .xboxcontent {background:#eee; border-color:#888; border-bottom:1px solid #eee;} #abs .xb1 {background:#888;} #abs .xb2, #abs .xb3, #abs .xb4 {background:#fff; border-color:#888;} ]]>