- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的页面上现在有两个 float 图像,代码如下所示:
<html>
<head>
<style type="text/css">
#img1{
position: fixed;
left: 10px;
top: 10px;
z-index: 10;
}
#img2{
position: fixed;
right: 10px;
bottom: 100px;
z-index: 10;
}
</style>
</head>
<body>
<img src="IMAGE1.png" id="img1">
<img src="IMAGE2.png" id="img2">
</body>
</html>
但是,我希望 img2 从左侧滑入它的位置,然后停留在那里,而 img1 在 img2 完成其移动后立即出现。它需要在网页打开时自动发生。
我已经尝试了我所知道的,但我仍然是一个初学者,所以非常感谢任何帮助。谢谢!
附言如果有人点击每个页面(这是一个 tumblr 博客)时图像可以保留在那里而不是每次都重置,那将是理想的。
最佳答案
据我所知有两种方法:Javascript 和 CSS3。
对于 JS,我建议使用一个库,例如 jQuery,它已经有一个 animate
方法,可以派上用场:http://api.jquery.com/animate/
(小编辑) 如果您希望动画在页面加载后发生,请检查 .ready
方法:http://api.jquery.com/ready/
使用 CSS3,您可以使用过渡,在这里阅读更多内容:http://www.w3schools.com/css3/css3_transitions.asp
关于html - 如何使图像从屏幕的一侧滑动到另一侧的固定位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12733363/
这可能是一个愚蠢的问题,但是要求图中顶点的最小集合的规范问题是什么,以便从这些顶点开始,所有其他顶点都可以通过“旅行”不超过一条边到达? 现实生活中的应用是:我需要认识哪些人,才能与地球上的其他人仅通
当浏览器在伪元素溢出并导致问题后调整绝对定位大小时。我正在寻找解决此问题的方法。只需调整浏览器大小,直到出现标题文本。 这是问题的演示:http://codepen.io/anon/pen/grKNo
我编写的 java 应用程序遇到了导致硬件性能问题的问题。问题(我相当确定)是我运行该应用程序的一些机器只有 1GB 内存。当我启动 java 应用程序时,我将堆大小设置为 -Xms 512m -Xm
Article 与 Medium 具有单向 ManyToOne 关系,它与下面的代码配合良好:保存和删除文章成功。 我想知道 JPA 是否有一种优雅的方式来删除最后一个子实体(在本例中为medium)
我想弄清楚如何在我的预约表格中将医生列表作为radio_buttons。现在,如果我使用“f.input :physician_id, :as => :radio_buttons”,我会得到一个“是/
我是一名优秀的程序员,十分优秀!