问题标签 [fading]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
645 浏览

javascript - javascript/jquery: 寻找图像褪色脚本

我正在寻找一个轻量级脚本(首选纯javascript) - 它应该用于平滑地将一系列图像淡入彼此(=image-carousel)。还应该可以运行多个实例(所以它应该是一个原型脚本),例如: - 网站横幅:淡出 3 张图片彼此 - 主要内容:3 个画廊,每个淡入淡出 3-5 张图片

为此目的使用哪个脚本有什么建议吗?

谢谢!

0 投票
1 回答
106 浏览

fading - 他们是如何制作褪色的动画登录按钮的?

如果您查看 Apple 的 www.me.com。Yoiu 会看到 SIGNIN 按钮在淡入淡出动画中循环播放。这是jquery吗?

埃里克

0 投票
2 回答
202 浏览

asp.net - 使用 control 或 jquery 混合消息进出

如果我想从代码隐藏中混入和淡出(淡入淡出)文本消息,您会建议什么?我的问题如下:我有几个模态弹出窗口,其中运行了 UpdatePanels,当用户提交数据时,我想显示消息(不是 javascript 的警报),例如“已保存”。作为纯文本,淡入淡出,因此不需要空间。(类似于将<p>-tag 设置为 display: none 和 display:block with fade 效果)

我知道我可以使用标签并将其可见性设置为真或假,但这不是我想要做的。(-> 一个没有褪色效果的脏解决方案)

重要的是我从代码隐藏中执行此操作......是否有某种 Asp.NetControl 可以解决问题?或者我必须使用代码隐藏中的 jquery 吗?

0 投票
2 回答
544 浏览

c# - 一张图片到另一张图片的高级淡入淡出

所以基本上我正在制作一个自定义按钮。

期望的行为:

当用户鼠标悬停时,鼠标悬停的图片将淡入。

当用户将鼠标移开时,鼠标悬停/按下的图片将淡出。

例外:

如果用户在播放淡入淡出动画时鼠标移入或关闭,则需要:

  • 立即停止当前播放的动画
  • 从当前位置开始淡入新动画。示例:假设用户鼠标悬停,并且鼠标悬停动画已经播放,如果他们要在鼠标悬停动画仍在播放时将鼠标移开,然后快速重新打开鼠标,则不会从一开始就开始淡入淡出鼠标。但是 mouseoff 动画从哪里停止。
0 投票
1 回答
329 浏览

javascript - CSS 缩放图像上的 Javascript 过渡效果不佳

我正在制作一个首页画廊,该画廊有几个图像,通过 CSS 缩放以适应页面

图像从一个渐变到下一个(彼此重叠),并且如果用户调整浏览器大小以用完空间,则将调整大小。

问题是图像褪色在大多数浏览器和除最新计算机之外的所有计算机上都表现得非常糟糕。

但是,如果图像没有被拉伸,那么大多数计算机上所有浏览器的性能都是完美的。

我之前在我设计的其他网站上遇到过这个问题,并且花费了大量时间研究和测试解决方案,但我似乎找不到任何东西。

有任何想法吗?


我已经实现了性能/样式权衡。我没有任意缩放图像,比如 0.7543234 倍,而是将其四舍五入到 8,依此类推。我发现任意缩放因子会带来巨大的性能损失,而使用单个十进制缩放可以大大减少这种情况。

下面是一些js代码:

  • newWidth 是所需的宽度,
  • originalImage.width 是我保存原始图像大小的数组(因为 js 非常聪明,它在缩放后无法访问这些),
  • roundNumebr 是一个缩放到最接近小数位的函数

function roundNumber(num, dec) { var result = Math.round(num*Math.pow(10,dec))/Math.pow(10,dec); return result; }

在此之后,褪色效果提高了约 50%,但仍不完美。好吧,谢谢大家的帮助,希望这可以帮助那里的人。

0 投票
3 回答
6976 浏览

android - 是否可以更改 Listview 的 FadingEdge 的颜色?

我想给出 ListView 已经从它周围的任何东西中消失的效果。默认情况下,它设置为您的 ListView 的任何颜色。我可以调整 FadingEdge 的方向和 FadingEdge 的大小,但不能调整颜色。可能吗?

0 投票
1 回答
1049 浏览

javascript - jQuery在淡入之前淡出

我正在制作我的作品集,完全基于 javascript。http://portfolio.theadamgaskins.com/Portfolio/

我的问题是,当您单击其中一个导航按钮时,新页面会在另一个页面淡出的同时淡入。当前页面应该在新页面淡入之前淡出。这是我正在使用的代码:

这是断章取义的;随意View Source在网站上。

0 投票
2 回答
3780 浏览

android - 褪色边缘仅在顶部和左侧起作用

我做了一个自定义ImageView,它支持View.scrollBy()GestureDetector. 我想添加一些关于达到滚动边界的反馈,所以我启用了淡入淡出:

但是褪色仅在顶部和左侧边缘按我预期的方式起作用,而底部和右侧则不会褪色。我确定这些边缘不会离开屏幕,因为视图的高度和宽度设置为 fill_parent。那么有什么问题呢?


编辑:仅启用垂直/水平褪色边缘确认仅绘制顶部/左侧边缘。现在我正在尝试阅读View.java (6870 an on) ...

0 投票
3 回答
27134 浏览

javascript - 如何使用 JQuery 添加淡入淡出或图像过渡效果?

我的页面上只有一个<img>元素。我src每 7 秒更改一次此图像的属性。

我每 7 秒看到一次新图像,但如果我可以在加载新图像时添加一些淡入淡出或过渡效果会更好。

有些人有简单的脚本吗?

我不需要任何插件。只需要一些线索或几行样本即可。

0 投票
2 回答
344 浏览

jquery - jQuery 渐变效果

我找不到我的问题的确切答案。

是我用 CSS 精灵创建的按钮。你可以看到。当鼠标悬停时,背景颜色变为白色(不透明度 15%,背景透明)。

我想给这个按钮添加一个 jQuery 效果。当 mouseover 时,背景图像会慢慢变化。并慢慢变白。

我正在尝试这个。背景图像变化但不是很慢。