我的页面最初有4个包装器div,每个div都有一个类'col-md-3‘,但在单击展开按钮后,其中3个包装器被隐藏,被单击的包装器显示为'col-md-12':
// If wrapper is the current wrapper expand to col-md-12 otherwise hide
$(".wrapper").each(function (index) {
if ($(this).attr("id") === wrapper.attr("id")) {
我一直在玩转场和动画,我想最大限度地利用它们的悬停。
我想知道是否有可能让动画在被悬停后发生,而不一定是在悬停的时候。例如,如果我想要一张图片在相关段落悬停后滑入并更改不透明度,我如何才能使其保持不变,而不保持该部分的鼠标?
我的最后一个问题是,类似于关键帧的东西是否可以用于过渡。我更喜欢转换,因为它们转换回原始状态,而不是捕捉回来。
我用一些基本的代码示例做了一个jsfiddle,我想知道如何扩展它们。希望这些例子有助于澄清我试图解释的内容。
Says I need code to link jsfiddle
它们非常简单,第一个只是一个动画(从左到右),我希望在悬停一次后保持不变。
第二
我想循环通过每个滑块和动画他们中的每一个分开,而不是所有在一起。
用我现在的代码,我一起做动画,我没有得到它,因为我使用.each和.delay来等待下一个动画。
下面是我的jquery代码:
$(document).ready(function(){
var i = $('#slideContainer .slider');
var w = $(window).width();
i.each( function () {
var obj = $(this);
obj.delay(800).fadeOut('fast