RandomBars­Ý®e©Ê¡GIE5.5+
»yªk¡G
filter : progid:DXImageTransform.Microsoft.RandomBars ( enabled=bEnabled , duration=fDuration , orientation=sOrientation )
ÄÝ©Ê¡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
orientation :’Â¥iŪ¼g¡C¦r²Å¦ê(String)¡C³]¸m©ÎÀ˯ÁÂà´«©Ò¨Ï¥ÎªºÀH¾÷½u±ø¬O¾î¦VªºÁÙ¬OÁa¦Vªº¡Chorizontal | vertical
horizontal :’ÂÀq»{­È¡C¾î¦V½u±ø¡C
vertical :’ÂÁa¦V½u±ø¡C
¯S©Ê¡G
Enabled :’Â¥iŪ¼g¡C¥¬º¸­È(Boolean)¡C°Ñ¾\ enabled ÄÝ©Ê¡C
Duration :’Â¥iŪ¼g¡C¯BÂI¼Æ(Real)¡C°Ñ¾\ duration ÄÝ©Ê¡C
Orientation :’Â¥iŪ¼g¡C¦r²Å¦ê(String)¡C°Ñ¾\ orientation ÄÝ©Ê¡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¾÷µo¥Íªº½u±øÂà´«¹ï¹³¤º®e¡C
¥Ü¨Ò¡G
#idDiv{height:250px; width:250px; background-color: orange; filter:progid:DXImageTransform.Microsoft.RandomBars(duration=3);}