小编sam*_*sam的帖子

没有API密钥的API v3的Youtube视频标题?

是否可以在没有 API密钥的情况下使用带有API v3的视频ID获取视频标题?我在API文档中找不到任何获取标题的信息或示例.

youtube youtube-api youtube-data-api

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

div中间的水平线

我想在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)

演示: https ://jsfiddle.net/nkq468xg/

html css

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

使用jQuery滑动并更改位置

我正在尝试创建一个非常简单的幻灯片,仅用于学习目的.我想在循环中自动将列表项向左滑动.

我已经提出了以下代码,它会滑动但我无法为幻灯片设置正确的位置(因为它只会闪烁并消失).检查演示以查看问题:

这是我的小提琴

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)

html javascript css jquery

9
推荐指数
1
解决办法
1617
查看次数

无法找到正在应用于元素的css样式

在下面的屏幕截图中,一些css样式(红色边框)正在应用于输入字段以指示错误.但是我无法确定它是哪个css选择器,Firebug不显示任何应用的样式.

在此输入图像描述

演示: 抱歉,该页面没有直接的网址,以下是您可以看到的内容:

  1. 请访问:https://wordpress.org/themes/imgwize/
  2. 单击"预览"按钮.
  3. 向下滚动页面,然后单击第一篇文章"Hello world".你可以在那里看到评论表.
  4. 将字段留空,然后单击"发表评论"按钮.

html css firefox firebug

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

单击时显示和隐藏div

通过单击链接,我想显示.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)

http://jsfiddle.net/ntfhfsft/

html javascript jquery

0
推荐指数
2
解决办法
206
查看次数

CSS透明边框

我正在尝试创建一个这样的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获得相同的形状?

JS小提琴

html css css-shapes

0
推荐指数
1
解决办法
59
查看次数

从数组值中删除空格

我有一个字符串,其中包含用逗号分隔的数字.数字和逗号之间可能有也可能没有空格.我想将它转换为数组,我可以使用以下代码:

$string = '1, 2,3,';
$array = explode(',', $string);
Run Code Online (Sandbox Code Playgroud)

但是,附加的不规则空格会进入数组值,最后一个逗号会导致空索引(请参见下图).

在此输入图像描述

我如何删除它,以便我只得到没有空格的干净值和数组中的最后一个空索引?

php arrays

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