这个其实也属于CSS的transition效果。
效果见本站之前的侧栏TNC的推广图片。
今天决定把它撤了所以把效果代码弄到这里保存成一篇文章，方便日后使用。
DIV+CSS代码如下：

  1. <style type="text/css">
  2. #technetcal{
  3. margin-left:-2px;
  4. margin-bottom:-4px;
  5. position:absolute;
  6. transition:opacity 0.7s ease-in-out;;
  7. -moz-transition:opacity 0.7s ease-in-out;; /* Firefox 4 */
  8. -webkit-transition:opacity 0.7s ease-in-out;; /* Safari and Chrome */
  9. -o-transition:opacity 0.7s ease-in-out;; /* Opera */
  10. }
  11. #technetcal:hover,technetcal_hover{
  12. opacity:0.0;
  13. }
  14. </style>
  15. <div id="technetcal"><a href="http://service.technetcal.com/aff.php?aff=091" target="_blank" rel="nofollow"><img src="http://tva4.sinaimg.com/large/6b002b97gw1eh5tsuo022j209a03wq2y.jpg" style="height:105px;width:262px;" rel="nofollow"/></a></div>
  16. <div>
  17. <img src="http://tva4.sinaimg.com/small/6b002b97gw1eh62vifpp3j20b4079t8y.jpg" style="height:105px;width:260px;" rel="nofollow"/></div>

[code]

[/code]

透明度可以调节opacity的参数。

TAGS:  

本站文章除注明转载/出处外，均为本站原创或翻译。若要转载但请务必注明出处，尊重他人劳动成果。

转载请注明出处链接 : https://www.inlojv.com/3262.html