- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我正在为员工页面编写一个叠加效果,它将显示员工的照片,然后当您单击照片时,文本会向右扩展,并且引述会从照片下方滑落。如果照片不是第一个,则照片将滑到页面左侧,文本将从照片下方滑到右侧。我似乎无法显示叠加层的背景颜色?我不确定我做错了什么。如果有人可以看一下并告诉我,我将不胜感激。
这是代码 http://jsfiddle.net/BrentRansom/FLUPD/1/
CSS
#expand .bio-pic2 {
position: absolute;
top: 0;
left: 0;
}
#expand {
position: relative;
width: 1000px;
width: 0px;
border: 1px solid black;
display: none;
background-color: #ffffff;
z-index: 9999;
}
.bio-pic2 img {
position: absolute;
top: 0;
left: 0;
width: 323px;
}
.testimonial {
position: absolute;
top: 333px;
left: 0;
font-size: 15px;
}
.desc {
position: absolute;
top: 10px;
left: 333px;
}
.bio-pic {
float: left;
cursor: pointer;
z-index: 9998;
margin: 0 5px 0 0;
}
HTML
<div id="expand">
<div class="bio-pic">
<img src="http://www.brent-ransom.com/photo-img.jpg" />
<div class="bio-nt">
<h2>Name</h2>
<h3>Position</h3>
</div>
</div>
<div class="testimonial">
A testimonial!
</div>
</div>
<div class="desc">
This is a paragraph of text.
</div>
<div class="bio-pic">
<img src="http://www.brent-ransom.com/photo-img.jpg" />
</div>
JS
<script>
$(".bio-pic").click(function() {
$('.bio-pic2').toggle("slow");
var menu = $("#expand")
if ($(menu).is(":visible")) {
$(menu).animate({width: 0}, 1000, function() {$(menu).hide();});
} else {
$(menu).show().animate({width: 500}, 1000);
}
});
</script>
最佳答案
不完全清楚您要做什么,但是否与此类似?
首先给你的 #expand
div 添加一个你想要显示为覆盖层的高度,它目前显示没有任何高度。
#expand {
position:absolute;
width:1000px;
border: 1px solid black;
display: none;
background-color:#ffffff;
z-index:9999;
height:323px;
}
当您的叠加层处于事件状态时,由于它的 z-index 高于您的实际照片 div,因此您不能再次单击它来重置叠加层,而是可以将点击事件绑定(bind)到叠加层本身。
$(".bio-pic").click(function (e) {
e.stopPropagation();
//$('.bio-pic2').toggle("slow");
var menu = $("#expand");
$(menu).show().animate({
width: 500
}, 1000);
});
$("#expand").click(function () {
$(this).animate({
width: 0
}, 1000, function () {
$(this).hide();
});
});
关于jquery - 可以让动画背景变白并覆盖其他图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19149827/
我正在使用 RecyclerView 到 ViewPager 共享元素转换。问题是,当 viewpager 被分页到另一个图像时,在返回到 recyclerview 后,首先被动画化的 imagevi
我正在使用 WKWebView 在我的应用程序中显示谷歌地图。这是网址:http://ec2-54-198-148-171.compute-1.amazonaws.com/map_question.h
因此,在工作中,我正在为某人编写 Excel 中的宏/用户表单。它工作得很好(我认为),并且完全完成了它需要做的事情,并且运行时间不到 1 分钟,遍历了大约 70k 个单元并组织它们。现在我想知道是否
我有一个嵌入到 UITableViewCell 中的 MKMapView。有时,该部分会重新加载。问题是当刷新发生时, map 单元决定突然变白。 这是基本代码 - (void)viewDidLoad
我想让我的 android 屏幕暂时“闪烁”白色(仅一次)。它需要足够长,以便用户能够分辨出屏幕确实变白了。 用户将登陆一个屏幕,该屏幕将在 5 秒后闪烁白色,然后再次显示原始屏幕(可能从白色逐渐消失
在 ICS 上(据我所知),当我在 web View 中打开一个单选元素或另一个对话框元素时,一旦该元素关闭,我就会得到一个白屏,单选框除外。元素仍然可以在 webview 中点击,一旦点击,它们就会
我正在 Canvas 上正确绘图并将其保存为位图。但是,我想通过单击按钮将 Canvas 重置为白色。 这是我的代码: public class Canvas extends View { P
我有一款游戏最初是在 XCode 中使用 cocos2d v2.x 编写的(未使用其他实用程序)。 我一直在将其移植到 Spritebuilder 项目,并因此移植到 cocos2d V3.x。我遇到
在 Tint Sprite White 使用简单着色器示例代码位于 Sprite Effects Sample ,我已将着色器的 .fx 文件加载到示例项目中,并替换了其中一个 Draw() 调用中的
我是一名优秀的程序员,十分优秀!