Barn­Ý®e©Ê¡GIE5.5+
»yªk¡G
filter : progid:DXImageTransform.Microsoft.Barn ( enabled=bEnabled , duration=fDuration , motion=sMotion , 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
motion :’ ¥i¿ï¶µ¡C¦r²Å¦ê(String)¡C³]¸m©ÎÀ˯Á¹ï¶Hªº·s¤º®e¬O¥ý±q¥~Åã¥ÜÁÙ¬O¥ý±q¤ºÅã¥Ü¡Cout | in
out :’ÂÀq»{­È¡CÂà´«±q¹ï¶Hªº¤¤¤ß¦V¥|Ãä¶i¦æ¡C
in :’ÂÂà´«±q¹ï¶Hªº¥|Ãä¦V¤¤¤ß¶i¦æ¡C
orientation :’ ¥i¿ï¶µ¡C¦r²Å¦ê(String)¡C³]¸m©ÎÀ˯ÁÂoÃè®ÄªG¼ÒÀÀªº¶}Ãöªù¬O¾î¦VªºÁÙ¬OÁa¦Vªº¡Cvertical | horizontal
vertical :’ÂÀq»{­È¡CÁa¦V½u±øÂà´«¡C
horizontal :’¾î¦V½u±øÂà´«¡C
¯S©Ê¡G
Enabled :’Â¥iŪ¼g¡C¥¬º¸­È(Boolean)¡C°Ñ¾\ enabled ÄÝ©Ê¡C
Duration :’Â¥iŪ¼g¡C¯BÂI¼Æ(Real)¡C°Ñ¾\ duration ÄÝ©Ê¡C
Motion :’Â¥iŪ¼g¡C¦r²Å¦ê(String)¡C°Ñ¾\ motion ÄÝ©Ê¡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
¥Î¼ÒÀÀ¶}Ãöªù®ÄªGÂà´«¹ï¹³¤º®e¡C
¥Ü¨Ò¡G
#idDiv{ filter:progid:DXImageTransform.Microsoft.Barn(function=20, duration=7);}