CheckerBoard­Ý®e©Ê¡GIE5.5+
»yªk¡G
filter : progid:DXImageTransform.Microsoft.CheckerBoard ( enabled=bEnabled , duration=fDuration , squaresX=iColumns , squaresY=iColumns , Direction=sDirection )
ÄÝ©Ê¡G
enabled :’ ¥i¿ï¶µ¡C¥¬º¸­È(Boolean)¡C³]¸m©ÎÀ˯ÁÂoÃè¬O§_¿E¬¡¡Ctrue | false
true :’ÂÀq»{­È¡CÂoÃè¿E¬¡¡C
false :’ÂÂoÃè³Q¸T¤î¡C
duration :’ ¥i¿ï¶µ¡C¯BÂI¼Æ(Real)¡C³]¸m©ÎÀ˯ÁÂà´«§¹¦¨©Ò¥Îªº®É¶¡¡C¨ä­È¬°¬í.²@¬í(0.0000)®æ¦¡¡C
§A¥i¥H¨Ï¥Î play ¤èªkªº iDuration °Ñ¼Æ³]¸mÂà´«¦^©ñªº«ùÄò®É¶¡¡CµM¦Ó¡A·í§A¤@¥¹½Õ¥Î¤F play ¤èªk¡A¦b¦^©ñ«ùÄò¹Lµ{¤¤ Duration ¯S©Ê´NÅܬ°¥uŪ¯S©Ê¡C
squaresX :’ ¥i¿ï¶µ¡C¾ã¼Æ­È(Integer)¡C³]¸m©ÎÀ˯ÁÂoÃè®ÄªG¤¤¾î¦V¦³¦h¤Ö±ø¡C¨ú­È½d³ò¬° >=2 ¡CÀq»{­È¬° 12 ¡C¥ô¦ó¤p©ó 2 ªº­È³£·|³QÂରÀq»{­È 12 ¡C
squaresY :’ ¥i¿ï¶µ¡C¾ã¼Æ­È(Integer)¡C³]¸m©ÎÀ˯ÁÂoÃè®ÄªG¤¤Áa¦V¦³¦h¤Ö±ø¡C¨ú­È½d³ò¬° >=2 ¡CÀq»{­È¬° 10 ¡C¥ô¦ó¤p©ó 2 ªº­È³£·|³QÂରÀq»{­È 10 ¡C
Direction :’ ¥i¿ï¶µ¡C¦r²Å¦ê(String)¡C³]¸m©ÎÀ˯Áºô®æ±À©Ôªº¤è¦V¡Cdown | up | right | left
down :’¦V¤U¡C
up :’¦V¤W¡C
right :’ÂÀq»{­È¡C¦V¥k¡C
left :’¦V¥ª¡C
¯S©Ê¡G
Enabled :’Â¥iŪ¼g¡C¥¬º¸­È(Boolean)¡C°Ñ¾\ enabled ÄÝ©Ê¡C
Duration :’Â¥iŪ¼g¡C¯BÂI¼Æ(Real)¡C°Ñ¾\ duration ÄÝ©Ê¡C
SquaresX :’Â¥iŪ¼g¡C¾ã¼Æ­È(Integer)¡C°Ñ¾\ squaresX ÄÝ©Ê¡C
SquaresY :’Â¥iŪ¼g¡C¾ã¼Æ­È(Integer)¡C°Ñ¾\ squaresY ÄÝ©Ê¡C
Direction :’Â¥iŪ¼g¡C¦r²Å¦ê(String)¡C°Ñ¾\ Direction ÄÝ©Ê¡C
Percent :’Â¥iŪ¼g¡C¦r²Å¦ê(String)¡C³]¸m©ÎÀ˯Á·í«eÀRºAÂoÃè¿é¥X¦bÂà´«¶iµ{¤¤©Ò³BªºÂI¡C¨ú­È½d³ò¬° 0 - 100 ¡CÀq»{­È¬° 0 ¡AÂà´«©|¥¼¶}©l¡C 100 ¬°Âà´«§¹¦¨¡C
¦¹¯S©Ê¥i¥Î©ó¨Ï¥ÎÂà´«ÂoÃè«Ø¥ßÀRºAÂoÃè®ÄªG¡C³]¸m¨ä­Èµ¥©ó©w¸q¤FÂà´«¶iµ{°±¤îªºÂI¡C¨Ï¥ÎÂà´«ÂoÃè«Ø¥ßÀRºAÂoÃè®ÄªG¥i¿í´`¥H¤U¨BÆJ¡G
  1. ¨Ï¥ÎÂà´«ÂoÃ誺 apply ¤èªk¡C³o±N®·Àò¹ï¹³¤º®eªºªì©lÅã¥Ü¡A³]¸m Percent ¯S©Ê­È¬° 0 ¡C
  2. §ïÅܹﹳ¤º®e¡C¦p visibility ¡A innerText ¡A background-color ¡A border ¡A©ÎªÌ¨ä¤l¹ï¶HªºÄÝ©Ê¡C
  3. ³]¸mÂà´«ÂoÃ誺 Percent ¯S©Ê¡C§Y½T©w§A§Æ±æªºÂà´«¶iµ{¤¤¬Y¤@ÂI¡C³o±N®·Àò¨ìÂà´«¶iµ{¤¤¦b¸ÓÂI³Bªº¤@±i¤º®e¹Ï¹³¡C
  4. ³]¸mÂà´«ÂoÃ誺 Enabled ¯S©Ê­È¬° true ¡C«hÂoÃè§@¥Îªº¹ï¶H±N¨Ì¾ÚÀò¨ú¨ìªº¹Ï¹³§ó·s¨ä¤º®e¡C
½Ðª`·N¡G§A¥u¯à¨Ï¥Î visibility ÄݩʨӧïÅܹï¶Hªº¤l¹ï¶H¡C§_«h¡A¹ï¤l¹ï¶Hªºª½±µ§ïÅÜ·|³Q¥ß§YÅã¥Ü¥X¨Ó¡A¦Ó¤£·|³QÂà´«ÂoÃè®·Àò¡C
status :’Â¥uŪ¡C¾ã¼Æ­È(Integer)¡CÀ˯ÁÂà´«ªº·í«eª¬ºA¡C0 | 1 | 2
0 :’ÂÂà´«°±¤î(stop)¡C
1 :’ÂÂà´«³QÀ³¥Î(apply)¡C
2 :’ÂÂà´«¦b¶i¦æ(play)¡C
¤èªk¡G
apply :’ ®·Àò¹ï¹³¤º®eªºªì©lÅã¥Ü¡A¬°Âà´«°µ¥²­nªº·Ç³Æ¡CµLªð¦^­È¡C
·í¦¹¤èªk¤@¥¹³Q½Õ¥Î«á¡A¹ï¹³Äݩʪº¥ô¦ó§ïÅܳ£¤£·|³QÅã¥Ü¡Aª½¨ì§A½Õ¥Î play ¤èªk¶}©lÂà´«¡C
½Ðª`·N¡G§A¥u¯à¨Ï¥Î visibility ÄݩʨӧïÅܹï¶Hªº¤l¹ï¶H¡C§_«h¡A¹ï¤l¹ï¶Hªºª½±µ§ïÅÜ·|³Q¥ß§YÅã¥Ü¥X¨Ó¡A¦Ó¤£·|³QÂà´«ÂoÃè®·Àò¡C
·í§A½Õ¥Î play ¤èªk®É¡AÂà´«§e²{¥X¤º®eªºÅܤƵ²ªG(¹ï¶HªºÄÝ©Ê©M¤l¹ï¶Hªº visibility Äݩʪº§ïÅÜ)¡C
play ( iDuration ) :’ ¶}©lÂà´«¡CµLªð¦^­È¡C°Ñ¼Æ¨£¤Uªí¡C
iDuration :’Â¥i¿ï¶µ¡C¯BÂI¼Æ(Real)¡C «ü©wÂoÃè§@¥Î«ùÄòªº®É¶¡¡CÀq»{³æ¦ì¬°¬í¡C
¨Ï¥Î play ¤èªkªº iDuration °Ñ¼Æ³]¸mÂà´«¦^©ñªº«ùÄò®É¶¡¡A¨ä­È¦bÂà´«ªº·í«e¤@­Ó¶g´Á¤º·|´À´« Duration Äݩʪº³]¸m¡C¦ý¬O¤U¤@¦¸Âà´«·|«ì´_¨Ï¥Î Duration Äݩʳ]¸mªº­È¡C
stop :’ °±¤îÂà´«¦^©ñ¡C¨Ã§e²{Âà´«µ²ªG¹Ï¹³¡C¦P®É¿Eµo onfilterchange ¨Æ¥ó¡CµLªð¦^­È¡C
»¡©ú¡G
¥ÎÃþ¦ü°ê»Ú¶H´Ñ´Ñ½Lªººô®æ±À©Ô®ÄªGÂà´«¹ï¹³¤º®e¡C
¥Ü¨Ò¡G
#idDiv{ height:250px; width:250px; background-color: gold; filter:progid:DXImageTransform.Microsoft.CheckerBoard(duration=5, direction='left'); }