小编ang*_*ela的帖子

使用jQuery在click上添加和删除一个类?

请看这个小提琴.

我正在尝试添加和删除单击的li元素上的类.这是一个菜单,当我点击每个li项目时,我希望它获得该类,所有其他li项目都删除了该类.因此,一次只有一个li项目具有该类.这是我有多远(见小提琴).我不确定如何让'about-link'从类当前开始,但是当点击其他一个li项时它会被删除?

$('#about-link').addClass('current');
$('#menu li').on('click', function() {
    $(this).addClass('current').siblings().removeClass('current');
});
Run Code Online (Sandbox Code Playgroud)

html css jquery class click

29
推荐指数
3
解决办法
17万
查看次数

将php文件链接到HTML文件?

在这个网站http://www.flatness.eu/test.html我有一个PHP文件的链接.

该文件包含一个用PHP编写的艺术作品.

该页面包含用户单击以逐页删除的图像层,直到页面为空.

有可能最后点击php文件链接用户直接回到他们开始的html主页吗?

html php hyperlink

6
推荐指数
1
解决办法
3869
查看次数

在元素动画中,动画另一个动画

当一个元素滑入时我需要另一个元素滑出.目前我已将其设置为fadeOut.这是我到目前为止的代码:

$('#contact').click(function () {
    $('#contact-info').animate({
        width: 'toggle'
    });
    $('#work-menu').fadeOut('100');
});
$('#menu').click(function () {
    $('#work-menu').animate({
        width: 'toggle'
    });
    $('#contact-info').fadeOut('100');
});
Run Code Online (Sandbox Code Playgroud)

DEMO

如何更改此代码以使相对的元素向下滑动,而另一个元素滑入视图?

jquery click jquery-animate

6
推荐指数
1
解决办法
146
查看次数

点击导航切换隐藏的div?

如何通过单击导航锚来切换隐藏的div?

请看这个小提琴http://jsfiddle.net/rabelais/4rfYB/1/

通过单独命名每个id,我已经写了很长的路,但是必须有一个更短的写入方式吗?

$('#link1').click(function() {
    $('#1').show()
    $('#2, #3').hide()
})
$('#link2').click(function() {
    $('#2').show()
    $('#1, #3').hide()
})
    $('#link3').click(function() {
    $('#3').show()
    $('#2, #1').hide()
})
Run Code Online (Sandbox Code Playgroud)

jquery

5
推荐指数
1
解决办法
4097
查看次数

如何在Ruby Slim中格式化音频标签?

这是HTML音频标记:

<audio controls autoplay loop muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
Run Code Online (Sandbox Code Playgroud)

这是如何用Slim代码编写的,包括控件,自动播放和循环属性?

ruby audio slim-lang

4
推荐指数
1
解决办法
759
查看次数

视频为背景,如何循环播放?

我在此页面上使用 georgepaterson / jquery-videobackground:

http://kimcolemanprojects.com/index.html

我希望视频循环播放,但不知道如何在 JQuery 中执行此操作?

$(document).ready(function() {
            $('dl').toggle();
            $('h2').bind('click', function(event) {
                event.preventDefault();
                $(this).next('dl').slideToggle(500, function() {
                    $('.video-background').videobackground('resize');
                });
            });
            $('body').prepend('<div class="video-background"></div>');
            $('.video-background').videobackground({
                videoSource: [['video/ribbons_450x360.mp4', 'video/mp4'],
                    ['video/ribbons_450x360.webmhd.webm', 'video/webm'], 
                    ['video/ribbons_450x360.oggtheora.ogv', 'video/ogg']], 
                controlPosition: '#main',
                poster: 'video/ribbs.png',
                loadedCallback: function() {
                    $(this).videobackground('mute');
                }
            });
        });
Run Code Online (Sandbox Code Playgroud)

html jquery loops html5-video

3
推荐指数
1
解决办法
8415
查看次数

如何从右到左滑动切换div?

请看这个小提琴http://jsfiddle.net/MKwwH/

我希望链接images-link从右向左滑动切换?

$(document).ready(function() {
  $('.hidden').hide()
});

$('.soundDiv-link').click(function() {
  $('#soundDiv').slideToggle("slow")
});

$('.videoDiv-link').click(function() {
  $('#videoDiv').next().animate({width: 'toggle'}, "slow")
});

$('.imagesDiv-link').click(function() {
  $('#imagesDiv').animate({width: 'toggle'}, "slow")
});
Run Code Online (Sandbox Code Playgroud)

css jquery width slidetoggle jquery-animate

3
推荐指数
1
解决办法
3万
查看次数