ÓÃCSS¶¨Òå¸öÐÔ»¯Êó±êÖ¸Õë
ÔÚÐí¶àÍøÕ¾ÉÏÎÒÃÇ¿ÉÒÔ¿´µ½ºÜ¸öÐÔµÄÊó±êÖ¸Õë(cursor)£¬ÔÚÍøÒ³Éè¼ÆÖÐÓÃCSS¿ÉÒÔ·½±ãµÄʵÏÖÕâÑù¸öÐÔÊó±êÖ¸ÕëµÄЧ¹û,¸ÃCSSÊôÐÔ¾ÍÊÇ"cursor"ÊôÐÔ¡£
Ê×ÏÈÎÒÃǽéÉÜÒ»ÏÂϵͳ×Ô´øµÄ15¸öÊó±êЧ¹û£º
Ò»°ã¶øÑÔ£¬Êó±êÒÔбÏòÉϵļýÍ·ÏÔʾ£¬ÒƵ½Îı¾ÉÏʱ±äΪÓÐÍ·µÄÊúÏߣ¬ÒƵ½³¬¼¶Á´½ÓÉϱäΪÊÖÐÍ¡£µ«ÓÃcss¿É¿ØÖÆÊó±êµÄÏÔʾЧ¹û£¬Èç¿ÉʹÊó±êÒƵ½ÆÕͨÎı¾ÉÏÒ²ÏÔʾ³ÉÊÖÐÍ¡£
ÓÃcss¿ØÖƵÄÓï·¨ÈçÏÂ:
<span style="cursor:*" mce_style="cursor:*">Îı¾»òÆäËüÒ³ÃæÔªËØ</span>
°Ñ * »»³ÉÈçÏÂ15¸öЧ¹ûµÄÒ»ÖÖ£º
hand¡¢crosshair¡¢text¡¢wait¡¢default¡¢help¡¢e-resize¡¢ne-resize¡¢n-resize¡¢nw-resize¡¢w-resize¡¢sw-resize¡¢s-resize¡¢se-resizeºÍauto¡£
ÏÂÃæÊǶÔÕâ15ÖÖЧ¹ûµÄ½âÊÍ¡£Òƶ¯Êó±êµ½½âÊÍÉÏÃ棬¿´¿´ÄãµÄÊó±êÆðÁËʲô±ä»¯°É£¡
handÊÇÊÖÐÍ
crosshairÊÇÊ®×ÖÐÍ
textÊÇÒƶ¯µ½Îı¾ÉϵÄÄÇÖÖЧ¹û
waitÊǵȴýµÄÄÇÖÖЧ¹û
defaultÊÇĬÈÏЧ¹û
helpÊÇÎʺÅ
e-resizeÊÇÏòÓҵļýÍ·
ne-resizeÊÇÏòÓÒÉϵļýÍ·
n-resizeÊÇÏòÉϵļýÍ·
nw-resizeÊÇÏò×óÉϵļýÍ·
w-resizeÊÇÏò×óµÄ¼ýÍ·
sw-resizeÊÇ×óϵļýÍ·
s-resizeÊÇÏòϵļýÍ·
se-resizeÊÇÏòÓÒϵļýÍ·
autoÊÇÓÉϵͳ×Ô¶¯¸ø³öЧ¹û
Ïà¹ØÎĵµ£º
Ò»Ö±ÒÔÀ´ÎÒ¶¼ÒÔΪcssÊÇÎÞ·¨ÏÞÖÆ×Ö·û³¤¶ÈµÄ£¬×î½ü²Å·¢ÏÖÔÀ´¿ÉÒÔÕâÑù.×î¼òµ¥µÄ¼æÈÝ·½·¨£º
.textOverflow {
width:100px;
white-space:nowrap;/*ÏÞÖƵ¥ÐÐÊä³ö*/
text-overflow:ellipsis;/*Ö»Ö§³ÖIE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*OperaרÓÃ*/
-moz-binding: url('ov.xml#ellipsis');/*firefox ......
/* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
//ÏÔʾÊôÐÔ
* display
* list-style
* position
* float
* clear
//×ÔÉíÊôÐÔ
* width
* height
* margin
* padding
* border
* ba ......
ÔÎÄÁ´½Ó£ºhttp://www.fendou163.cn/article/20090115/24807.html
¡¡¡¡WebÍøÕ¾¿ÉÓÃÐԵĹؼüÖ¸±êÊÇËٶȣ¬¸üÈ·ÇеØ˵£¬ÊÇÒ³ÃæÄÜÒÔ¶à¿ìµÄËٶȳöÏÖÔÚ·ÃÎÊÕßµÄä¯ÀÀÆ÷´°¿ÚÀï¡£Ó°ÏìËٶȵÄÒòËØÓкܶàÖÖ£¬°üÀ¨Web·þÎñÆ÷µÄËٶȡ¢·ÃÎÊÕßµÄInternetÁ¬½ÓÇé¿ö£¬ÒÔ¼°ä¯ÀÀÆ÷±ØÐëÏÂÔصÄÎļþ´óС¡£¾¡¹ÜÄãÎÞ·¨¿ØÖÆ·þÎñÆ÷ºÍÁ¬½ÓµÄËٶȣ¬µ«ÊÇÄ ......
margin-bottom:8px;ÉèÖöÔÏóϱ߾àµÄ¸ß¶È
ÄÚÁª¶ÔÏóҪʹÓøÃÊôÐÔ£¬±ØÐëÏÈÉ趨¶ÔÏóµÄheight»òwidthÊôÐÔ£¬»òÕßÉ趨positionÊôÐÔΪabsolute¡£
padding-top:10px;ÓëÉÏÒ»¸ö±êÇ©µÄ¾àÀë
padding-left:10px;Óë×ó±ßµÄ¼ä¾à
¼ìË÷»òÉèÖöÔÏ󶥱ߵIJ¹¶¡±ß¾à¡£
ÄÚÁª¶ÔÏóҪʹÓøÃÊôÐÔ£¬±ØÐëÏÈÉ趨¶ÔÏóµÄheight»òwidthÊôÐÔ£¬»òÕßÉ趨pos ......
½ñÌì×öÒ»¸ö¹¦ÄÜ£¬¸ù¾ÝselectÔªËØÑ¡ÔñµÄ²»Í¬selectedIndexÏÏÔʾһ¸ö±í¸ñÀïÖ¸¶¨µÄtrÏî¡£
Ê×ÏÈ£º$("#table tr:gt(0)").css("display","none"); Õâ¸öûÎÊÌ⣬µ±ÒªÏÔʾµÄʱºò.css("display","block"),ÔÚFFÖв¼¾ÖһϾÍÂÒµôÁË¡£ÊÔÁ˼¸´Î¶¼ÊÇÈç´Ë£¬ÏëÁËһϣ¬ÊDz»ÊÇÔÚ ......