请看这个小提琴.
我正在尝试添加和删除单击的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) 在这个网站http://www.flatness.eu/test.html我有一个PHP文件的链接.
该文件包含一个用PHP编写的艺术作品.
该页面包含用户单击以逐页删除的图像层,直到页面为空.
有可能最后点击php文件链接用户直接回到他们开始的html主页吗?
当一个元素滑入时我需要另一个元素滑出.目前我已将其设置为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)
如何更改此代码以使相对的元素向下滑动,而另一个元素滑入视图?
如何通过单击导航锚来切换隐藏的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) 这是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代码编写的,包括控件,自动播放和循环属性?
我在此页面上使用 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) 请看这个小提琴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)