在Web应用程序中动态降低图像的不透明度 [英] Reducing opacity of image dynamically in web application

问题描述

我想在Web应用程序中动态降低图像的不透明度，如100％，75％，50％，25％，0％我该怎么做。

解决方案

如果您愿意使用jQuery（并且使用起来要简单得多），您可以使用 fadeOut [< a href =http://api.jquery.com/fadeOut/target =_ blanktitle =New Window> ^ ]，这完全淡出，你可以引入一个缓动函数来制作褪色更令人愉悦。如果您想设置一个结束操作，可以使用 fadeTo [ ^ ]

使用jquery淡入淡出效果。检查以下链接： -

a） http://api.jquery.com/ fadeTo / [ ^ ]



b） http://stackoverflow.com/questions/1543745/jquery-opacity-更改 [ ^ ]



c） http://www.dotnetcurry.com/ShowArticle。 aspx？ID = 438 [ ^ ]

i want to Reduce the opacity of an image dynamically in web application like 100%,75%,50%,25%,0% how can i do this.

解决方案

If you are willing to use jQuery (and it is much simpler to use it) you can use fadeOut[^], this fades out completely and you can introduce an easing function to make the fade more pleasing. If you want to set an end opactiy, you can use fadeTo[^]

Hi,

Use jquery fade effects.Check these links : -
a) http://api.jquery.com/fadeTo/[^]

b) http://stackoverflow.com/questions/1543745/jquery-opacity-change[^]

c) http://www.dotnetcurry.com/ShowArticle.aspx?ID=438[^]

这篇关于在Web应用程序中动态降低图像的不透明度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！