我使用过渡属性从上到下将鼠标滑过背景图像。
css:
a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
如何改变从左到右的过渡效果?
滑块页面:。当你将鼠标悬停在图片上时,底部的标题会向上滑动,当鼠标滑出时,它会再次向下滑动。一切都很好。现在,如果你转到并通过菜单导航到portfolio,滑块开始变得奇怪(导航是通过ajax完成的)。每次鼠标滑过图片,标题就会变得越来越高,而每次鼠标移出时,标题就会越来越低。下面是代码(我知道它不是很整洁,但一旦一切正常,我会把它清理干净:
$(window).resize(sizeImg);
$(document).ready(sizeImg);
function sizeImg() {
var theImg = $('.mediaholder_i
我有一个简单的hover()事件,它在这里工作得很好: (将鼠标悬停在一个slip数字上)
它在主页上工作得很好,我在这里解开了它: (向下滚动)
但是当用户点击主页上的"Click here for marina layout“时,div会变成一个简单的模式框,当鼠标滑过一个数字时,hover()事件会被触发两次。为什么会这样呢?我试着做了一个设置变量的东西,看看它是否已经启动了,但它不起作用。有什么想法吗?
这是执行hover事件的代码。jLoader是一个ajax函数:
$(document).ready(function(){
var live = false;
我有一行4 divs,向左浮动。单击时,div消失,其兄弟姐妹移动到左侧并占据其位置。然而,我正在努力平滑这个动画,因为剩下的‘div’只是跳到他们的新位置,而不是滑过去。
是否有任何方法来平滑过渡,最好不用特定的值,即:margin-left: x pixels;?另外,是否可以通过css转换来实现这一点?