是否可以在没有 API密钥的情况下使用带有API v3的视频ID获取视频标题?我在API文档中找不到任何获取标题的信息或示例.
我想在div中间划一条线.在下图中,该行应位于红色框的中间.
我正在尝试使用行高,但不能.
这是代码:
HTML/CSS:
.wrap {
text-align: center;
margin: 20px;
}
.links {
padding: 0 10px;
border-top: 1px solid #000;
height: 1px;
line-height: 0.1em;
}
.dot {
width: 20px;
height: 20px;
background: red;
float: left;
margin-right: 150px;
position: relative;
top: -10px;
}Run Code Online (Sandbox Code Playgroud)
<div class="wrap">
<div class="links">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
</div>Run Code Online (Sandbox Code Playgroud)
我正在尝试创建一个非常简单的幻灯片,仅用于学习目的.我想在循环中自动将列表项向左滑动.
我已经提出了以下代码,它会滑动但我无法为幻灯片设置正确的位置(因为它只会闪烁并消失).检查演示以查看问题:
HTML:
<div class="wrap">
<ul class="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
jQuery的:
var width = $('li').width();
var totalWidth = $('li').length * width;
var count = $('li').length;
var first = $('li').eq(0);
var last = $('li').eq(count-1);
$('ul').css({
'width' : totalWidth
});
first.addClass('active');
var start = function() {
target = $('.active').index();
target === last ? target = 0 : target = target+1;
nextSlide(target);
};
var nextSlide = function(target) {
//console.log(target);
$('.active').animate({'left':'-'+ width*target +'px'},300);
$('li').removeClass('active').eq(target).addClass('active');
};
setInterval(function () {
start(); …Run Code Online (Sandbox Code Playgroud) 在下面的屏幕截图中,一些css样式(红色边框)正在应用于输入字段以指示错误.但是我无法确定它是哪个css选择器,Firebug不显示任何应用的样式.
演示: 抱歉,该页面没有直接的网址,以下是您可以看到的内容:
通过单击链接,我想显示.box最初隐藏的div .但是如果再次点击链接的话.box可见时,我想隐藏它.
我可以使用以下代码显示但是如何在再次单击链接时隐藏它?
<a href="#" class="link">Click</a>
<div class="box" style="display: none">box</div>
$('.link').click(function(e){
$('.box').fadeIn('slow');
});
Run Code Online (Sandbox Code Playgroud)
我正在尝试创建一个这样的css功能区:
它可以使用以下代码正常工作.
body {
background: url('http://i.imgur.com/FgqcKXm.jpg') no-repeat;
}
h1 {
background: #A52927;
display: inline-block;
padding: 0px 30px;
color: #EEE4D3;
position: relative;
height: 40px;
line-height: 40px;
}
h1:after {
position: absolute;
content: "";
top: 0px;
left: auto;
right: 0px;
height: 0px;
width: 0px;
border-top: 20px solid transparent;
border-right: 20px solid white;
border-bottom: 20px solid transparent;
}Run Code Online (Sandbox Code Playgroud)
<h1>test</h1>Run Code Online (Sandbox Code Playgroud)
问题: 它在非白色背景上显示白色边框:
有没有其他方法可以在非白色背景上使用css获得相同的形状?
我有一个字符串,其中包含用逗号分隔的数字.数字和逗号之间可能有也可能没有空格.我想将它转换为数组,我可以使用以下代码:
$string = '1, 2,3,';
$array = explode(',', $string);
Run Code Online (Sandbox Code Playgroud)
但是,附加的不规则空格会进入数组值,最后一个逗号会导致空索引(请参见下图).
我如何删除它,以便我只得到没有空格的干净值和数组中的最后一个空索引?
html ×5
css ×4
javascript ×2
jquery ×2
arrays ×1
css-shapes ×1
firebug ×1
firefox ×1
php ×1
youtube ×1
youtube-api ×1