标签: fade

jQuery使用淡入淡出效果更改图像src

我正在尝试创建一个效果,您单击缩略图图像,缩略图的链接将替换主图像,但淡入其中.这是我目前使用的代码:

$(".thumbs a").click(function(e) {
    e.preventDefault();
    $imgURL = $(this).attr("href");
    $(".boat_listing .mainGallery").fadeIn(400, function() {
        $(".boat_listing .mainGallery").attr('src',$imgURL);
    });
});
Run Code Online (Sandbox Code Playgroud)

这适用于替换图像而没有淡入淡出效果.我需要更改什么才能使fadeIn效果起作用?

jquery image fade

39
推荐指数
2
解决办法
9万
查看次数

在android中滚动时使scrollview的边缘渐渐消失

我有一张ScrollView图片.

我想ScrollView滚动图像时,边缘会产生淡入淡出效果.我不是在谈论你到达卷轴末尾时所获得的效果.我希望淡入淡出永远存在.

这就是我所做的(没有做任何影响):

<ScrollView
    android:id="@+id/scrollView1"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="0.84"
    android:background="@drawable/screen_nespresso"
    android:fadingEdge="horizontal"
    android:fadingEdgeLength="@dimen/padding_large"
    android:fillViewport="false"
    android:scrollbarAlwaysDrawVerticalTrack="true"
    android:visibility="visible" >
Run Code Online (Sandbox Code Playgroud)

谢谢!

android fade scrollview

37
推荐指数
2
解决办法
2万
查看次数

有没有办法禁用/编辑列表视图边缘的淡入淡出?

可滚动视图(例如ListView)沿着边缘的内容淡出,其中该方向上有更多内容.我怎么能把这个淡化呢?我知道你可以改变cacheColorHint,如下所述:http://developer.android.com/resources/articles/listview-backgrounds.html但这不是我想要的,也不会实现我在寻找的东西案件.

我想完全禁用淡入淡出或者能够减小它的大小和/或透明度.这可能吗?

user-interface android listview fade scrollview

34
推荐指数
3
解决办法
3万
查看次数

淡出具有透明div的部分底部的文本,但在覆盖div之后高度保持在部分之下

我试图在一段文本的底部获得一个很好的淡出效果作为"更多阅读"指标.

我一直在关注这个和其他教程,我的代码目前如下:

HTML

<section>
    <p>malesuada fames ac turpis egestas...leo.</p>                                                                  
    <p>malesuada fames ac turpis egestas...leo.</p>
    <div class="fadeout"></div>
</section>
<p>Stuff after</p>
Run Code Online (Sandbox Code Playgroud)

CSS

.fadeout {
    position: relative; 
    bottom: 4em;
    height: 4em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
} 
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

问题是,即使我将透明div放在文本主体上,4em的空间仍然存在于'Other Stuff'之间.

有任何想法吗?

css html5 fade fadeout fadein

30
推荐指数
4
解决办法
5万
查看次数

Cocoa:NSView动画

这很简单,所以我不能为我的生活找到什么是错的,我通过文档作为指导,但它仍然无法正常工作.我在一个更大的视图中有一个视图.IBAction应该淡出内部视图......就是这样.这是我得到的:

NSViewAnimation *theAnim;
NSMutableDictionary *viewDict;

// Create the attributes dictionary for the view.
viewDict = [NSMutableDictionary dictionaryWithCapacity:2];

// Set the target object to be the view.
[viewDict setObject:_innerView forKey:NSViewAnimationTargetKey];

// Set this view to fade out
[viewDict setObject:NSViewAnimationFadeOutEffect forKey:NSViewAnimationEffectKey];

theAnim = [[NSViewAnimation alloc] initWithViewAnimations:@[viewDict]];

// Set some additional attributes for the animation.
[theAnim setDuration:1.0];

// Run the animation.
[theAnim startAnimation];
Run Code Online (Sandbox Code Playgroud)

我用NSLogs检查了viewDict和theAnim,两者都没有.我几乎从我工作过的旧程序中复制了这个,现在找不到什么问题.

我正在使用xcode 5.1.1,感谢您的帮助.

cocoa fade nsviewanimation

27
推荐指数
2
解决办法
1万
查看次数

如何调暗网页以将注意力集中在横幅上?(对您网页的暗淡效果)

我想知道在某些网页中如何创建这种效果:

在加载网页时,带有关闭按钮的横幅广告显示为最顶层,实际网页显示为下层; 网页完全变暗,因此注意力的焦点自然落在横幅广告上,并带有关闭按钮.点击广告中的关闭按钮,会立即显示实际网页,但现在又恢复到原来的亮度.

嗯,这只是一个例子,我知道这种展示广告的做法令人厌烦.

我的问题是 - 你如何在你的网页上获得暗淡和明亮的效果?

PS:

  1. 我知道css中的z-index,所以我只需要知道调光部分.
  2. 我正在寻找一个基于CSS的解决方案(或者重新说明,解决方案,不使用任何脚本,如js),如果可能的话.

多谢你们.

css webpage fade banner

25
推荐指数
1
解决办法
3万
查看次数

使用带有淡入淡出的jQuery .hide()

我有一个.hide()基于复选框隐藏div 的功能.

在这里工作的JS小提琴 真实网站示例在这里

我试图给它动画,以便.hide()淡入/淡出而不是消失.

尝试使用jQuery Fade函数,但作为参数.hide()但似乎不起作用

$("div").click(function () {
      $(this).hide("fade", {}, 1000);
});
Run Code Online (Sandbox Code Playgroud)

我尝试在我的代码中使用它(参见JS Fiddle),如下所示:

if(allSelected.length > 0){
            $("div.prodGrid > div:not(" + allSelected + ")").hide("fade", {}, 1000);
        }
Run Code Online (Sandbox Code Playgroud)

我哪里错了?

jquery fade hide

25
推荐指数
2
解决办法
6万
查看次数

使用JQuery淡化span标记的背景颜色

我正在尝试使用JQuery淡化span标记的背景颜色,以强调何时发生更改.我认为代码会像点击处理程序中的以下内容一样,但我似乎无法让它工作.你能告诉我哪里出错了吗?谢谢Russ.

$("span").fadeOut("slow").css("background-color").val("FFFF99");
Run Code Online (Sandbox Code Playgroud)

这样更好,但现在它也会消除span标记的背景颜色和span标记的文本值.我试图淡化背景颜色并使文本可见.可以这样做吗?

html jquery fade background-color jquery-animate

24
推荐指数
4
解决办法
5万
查看次数

如何在摇摆中淡化图像?

我有一个继承自JPanel的类,上面有一个图像,我想设置一个小动画来显示面板/图像,然后在事件触发时将其淡出.

我可能会设置一个线程并触发动画,但我该怎么做呢?

java animation swing fade

23
推荐指数
3
解决办法
2万
查看次数

jQuery慢慢改变css属性

我有这个代码

$('#uiAdminPanelMenu li a').hover( function(){
    $(this).css('background-color', '#D3E1FA';
 },
 function(){
    $(this).css('background-color', '#F4F4F4');
});
Run Code Online (Sandbox Code Playgroud)

它改变了链接的背景颜色,但是我想让它慢慢改变它,有点像淡化效果,但对于这种情况.

html javascript css jquery fade

23
推荐指数
2
解决办法
3万
查看次数