20 ¸ö¾µäµÄ Ajax + CSS ±í¸ñ
20 ¸ö¾µäµÄ Ajax + CSS ±í¸ñ
²¢²»ÊÇËùÓеÄWeb ¿ª·¢Õß¶¼»á¶ÔÃÀ»¯±í¸ñÊý¾Ý¸ÐÐËȤ£¬½ñÌìÎÒÃÇÊÕ¼¯ÁË20 ¸ö¹¦ÄÜÇ¿´ó£¬Íâ¹ÛƯÁÁµÄ»ùÓÚAjax + CSS µÄ±í¸ñЧ¹û£¬Äã¿ÉÒÔ´ÓÕâЩʾÀýÖÐѧϰÔõôʹÓÃÕâЩ±í¸ñÌṩµÄÅÅÐòºÍ¹ýÂ˵ŦÄÜÀ´×éÖ¯±í¸ñÖеÄÊý¾Ý¡£
ÏÖÔÚÈÃÎÒÃÇÀ´¿´¿´ÕâЩ±í¸ñ£º£¨µã»÷ÿ¸öÑùÊ½Ç°ÃæµÄÁ´½Ó¼´¿É½øÈëÏÂÔØ£©
¡¡¡¡#1. Tablecloth
¡¡¡¡Tablecloth ÓÉCSS Globe ¿ª·¢£¬ÊÇÒ»¸öÇáÁ¿¼¶µÄ¡¢Ò×ÓÚʹÓõıí¸ñ£¬ÒÔÓѺõķ½Ê½½«ÑùʽºÍÐÐΪÌí¼Óµ½Ä㵱ǰµÄHTML ±í¸ñÔªËØµ±ÖС£
¡¡¡¡#2. Ask the CSS Guy Table
¡¡¡¡Ask the CSS Guy Table ÑÝʾÁËÔõôÑù´´½¨Ò»¸ö¿ÉÒÔÏÔʾÊý¾ÝÖ®¼äµÄ¹ØÏµµÄ±í¸ñ£¬ÀýÈçÔÚµ¥»÷ij¸öµ¥Ôª¸ñʱ¿ÉÒÔͬʱͻ³öÏÔʾ×î¶¥¶ËµÄÐкÍ×î×ó±ßµÄÁС£
¡¡¡¡#3. A CSS styled table version 2
¡¡¡¡Veerle Duoh ΪÎÒÃǽéÉÜÁËÒ»ÖÖÈçºÎÀûÓÃCSS ʹ±í¸ñ¸üÓÐÎüÒýÁ¦µÄ·½·¨£¬²¢ÇÒÔÚʵÏֵĹý³ÌÖгä·Ö¿¼ÂÇÁ˱í¸ñµÄ¿É·ÃÎÊÐÔ¡£
¡¡¡¡#4. Sortable Table
¡¡¡¡Sortable Table ——ÑÝʾÁËÈçºÎ°´ÉýÐò»ò½µÐòÅÅÁÐÒÔ¼°ÈçºÎ¹ýÂËÏÔʾ±í¸ñÖеÄÊý¾Ý¡£
¡¡¡¡#5. Row Locking with CSS and JavaScript
¡¡¡¡ÑÝʾÁËÈçºÎÀûÓÃJavascript ºÍ CSS ʵÏÖ“Ëø¶¨ÐДµÄЧ¹û£¬Ñ¡ÖеÄÐлáÒ»Ö±ÏÔʾ¸ßÁÁЧ¹ûÖ±µ½Óû§Ôٴεã»÷²Å»áÏûʧ¡£
¡¡¡¡#6. Vertical scrolling tables
¡¡¡¡Èç¹ûÄãÓдóÁ¿µÄÊý¾Ýµ«ÊÇûÓÐ×ã¹»´óµÄ¿Õ¼äÀ´ÏÔʾËü£¬Õâ»áÊÇÒ»¸öºÜºÃµÄ½â¾ö°ì·¨¡£Í¨¹ýCSS ¹Ì¶¨±í¸ñµÄҳüºÍÒ³½Å£¬µ«ÊÇÄÚÈÝÈ´¿ÉÒÔ¹ö¶¯ÏÔʾ¡£
¡¡¡¡#7. Replicating a Tree table
¡¡¡¡ÀûÓÃHTML ºÍCSS ½¨Á¢µÄÊ÷×´±í¸ñ¡£
¡¡¡¡#8. Collapsible tables with DOM and CSS
¡¡¡¡ÀûÓÃDOM ºÍCSS ½¨Á¢µÄ¿ÉÕÛµþµÄ±í¸ñЧ¹û¡£±í¸ñÒ³½Å²¿·Ö°üº¬µÄ¼ýÍ·ÓÐÒ»¸öÃûΪ“footcollapse”µÄÀ࣬ͨ¹ýΪ֮Ìí¼ÓJavascript ´úÂë¿ÉÒÔÈñí¸ñÕ¹¿ª»òÕÛµþ¡£
¡¡¡¡#9. TableSorter plug-in for jQuery
¡¡¡¡ÎªjQuery ¶¨ÖƵIJå¼þ£¬ËüµÄÖ÷Òª¹¦ÄܰüÀ¨ÔÊÐí¶àÁÐÅÅÐò£¬Ö§³Ö ÔªËØµÄrowspan ºÍcolspan ÊôÐÔ¡£
¡¡¡¡#10. Stripe your tables the OO way
¡¡¡¡ÀûÓÃJavascript Ϊָ¶¨±í¸ñÖеÄÐж¨Òå½»ÌæÑÕÉ«£¬²¢Ìí¼Óonmouseover ºÍonmouseout ʼþ¡£
#11. MooTools Table Row & Column highlighting
¡¡¡¡ÀûÓÃMooTools ¿ò¼Ü¸ßÁÁÏÔʾÊó±êÐüÍ£µÄµ¥Ôª¸ñËùÔÚµÄÐкÍÁС£
¡¡¡¡#12. CSS Table Gallery
¡¡¡¡ÓÖÒ»¸öÀûÓÃCSS ¸ßÁÁÏÔʾÊó±êÐüÍ£µ±Ç°ÐÐʱµÄ±í¸ñЧ¹û¡£
¡¡¡¡#13. jQuery Table Filter
¡¡¡¡Îªj
Ïà¹ØÎĵµ£º
¾¹ýÕûÀíºÍµ÷ÊÔ£¬Krabber 0.2.9°æ±¾Õýʽ·¢²¼ÁË¡£
Õâ¸ö°æ±¾µÄÌØµãÊDz»½ö½ö¿ÉÒÔÖ´ÐÐAJAXÍøÒ³²¢·µ»ØÖ´ÐкóµÄ½á¹û£¬»¹¿ÉÒÔÓɳéÈ¡Óû§Ìṩ½Å±¾½øÐÐÖ´ÐУ¬²¢·µ»ØÖ´ÐÐÓû§µÄ¶¯×÷½Å±¾ºóµÄ½á¹û¡£ÕâÒ»ÌØÐÔ¿ÉÒԺܺõĽâ¾öÐèÒª½øÐÐAJAX·Ò³¡¢ÑÓʱ¼ÓÔØµÈµÈÎÊÌâ¡£
ÁíÍâÓÉÓÚ¾«Á¦ÓÐÏÞ£¬°æ±¾Ã»Óо¹ýÑϸñµÄ²âÊÔ£¬Òò´ËÓÐÎÊÌâÇëÔÚÕâÀïÁôÑÔ£¬Ð ......
ÔªËØ | i ¶ÔÏó IMG ÔªËØ | img ¶ÔÏó DHTML ¶ÔÏó
IFRAME ÔªËØ | iframe ¶ÔÏó
--------------------------------------------------------------------------------
´´½¨ÄÚǶ¸¡¶¯¿ò¼Ü¡£
³ÉÔ±±í
ÏÂÃæµÄ±í¸ñÁгöÁË iframe ¶ÔÏóÒý³öµÄ³ÉÔ±¡£Çëµ¥»÷×ó²àµÄ±êÇ©À´Ñ¡ÔñÄãÏëÒª²é¿´µÄ³ÉÔ±ÀàÐÍ¡£
±êÇ©ÊôÐÔ/ÊôÐÔ
ÏÔʾ ......
Ò»¡¢¸ÅÊö
Marquee£ºHtmlÖйöÆÁ¿Ø¼þ£¬¿ÉÒÔʹ°üº¬Ôڴ˱ê¼ÇÖеÄÄÚÈݽøÐи÷¸ö·½Ïò£¬¸÷ÖÖËٶȵĹö¶¯£¬Òò´ËÔÚ²»¿¼ÂÇʹÓõÚÈý·½¿Ø¼þµÄǰÌáÏ£¬¿¼ÂÇʹÓÃMarquee+xmlhttpÀ´ÊµÏÖ¶¨´Î¸üÐÂÒ³ÃæÖеĹö¶¯ÄÚÈÝ£¬´ËʵÏÖÔÚIE6.0¼°ÒÔÉϰ汾²âÊÔͨ¹ý£¬ÆäËûä¯ÀÀÆ÷ÔÝʱδ²âÊÔ¹ý¡£
MarqueeÖеÄonfinishʼþ£ºÔÚ¸øMarqueeÊôÐÔloop¸ ......
cssÔ²½Çbox(°Ù¶ÈÖªµÀÍÚ³ö) 1.css .zhidao_box {
position: relative;
width: 100%;
}
.zhidao_box .rg_1, .zhidao_box .rg_2, .zhidao_box .rg_3 {
height: 1px;
font-size: 0px;
ov ......