我使用过渡属性从上到下将鼠标滑过背景图像。
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;
}
如何改变从左到右的过渡效果?
我现在有 -在这里我试图创建一个“悬停”链接。(悬停在图像上,然后鼠标离开,等待3秒,看它‘跳’回来,而不是jQuery动画)
+-----------+
| I |
| M |
| A | <-- image (acts as as link)
| G |
| E |
+-----------+
___________ <-- shadow effect
我现在有一个css悬停效果,以及一个::after css系统来创建这个阴影,这意味着稍微提高图像,缩小‘阴影’的宽度,并‘减轻
我有一个简单的hover()事件,它在这里工作得很好: (将鼠标悬停在一个slip数字上)
它在主页上工作得很好,我在这里解开了它: (向下滚动)
但是当用户点击主页上的"Click here for marina layout“时,div会变成一个简单的模式框,当鼠标滑过一个数字时,hover()事件会被触发两次。为什么会这样呢?我试着做了一个设置变量的东西,看看它是否已经启动了,但它不起作用。有什么想法吗?
这是执行hover事件的代码。jLoader是一个ajax函数:
$(document).ready(function(){
var live = false;
滑块页面:。当你将鼠标悬停在图片上时,底部的标题会向上滑动,当鼠标滑出时,它会再次向下滑动。一切都很好。现在,如果你转到并通过菜单导航到portfolio,滑块开始变得奇怪(导航是通过ajax完成的)。每次鼠标滑过图片,标题就会变得越来越高,而每次鼠标移出时,标题就会越来越低。下面是代码(我知道它不是很整洁,但一旦一切正常,我会把它清理干净:
$(window).resize(sizeImg);
$(document).ready(sizeImg);
function sizeImg() {
var theImg = $('.mediaholder_i