小编Cai*_*ifa的帖子

我尝试了下面的代码:

<audio src="http://XXX.XXX.XXX.XXX:XXXX/;" controls autoplay></audio>

我正在使用Mac,这个代码在Safari中运行良好,但在Chrome或Firefox中运行不正常.

有没有只使用HTML5的解决方案？如果没有,我可以使用一些Flash开源库进行后备吗？怎么样？

我正在学习视差效果,我试图在背景而不是图像中显示视频.

所以,我使用背景图像创造了一个很好的效果.

这是我的jQuery代码:

$('[data-parallax]').each(function(){
  var $this = $(this),
      $window = $(window);

  $window.scroll(function() {
    var y = -($window.scrollTop() / $this.data('speed')),
        background = '50% '+ y + 'px';

    $this.css('background-position', background);
  }); 
});

我的CSS:

[data-parallax] {
  background-attachment: fixed;
  background-color: #fff;
  background-image: url('http://lorempixel.com/720/480');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  position: relative;
}

示例: http ://jsfiddle.net/7a2ky/show/
代码: http ://jsfiddle.net/7a2ky/

我想做同样的效果,但使用视频(http://goo.gl/HcH2cL)而不是图像.可能吗？

首先,我在Mac上使用Google Chrome 34.

这是HTML,一切似乎都是正确的:

<div class="toolbar">
  <button type="button" class="item">Item 1</button>
  <button type="button" class="item">Item 2</button>

  <div class="item">Item 3</div>
  <div class="item">Item 4</div>
</div>

这是我的CSS ......(好吧,这是SCSS):

.toolbar {
  border: 1px solid #000;
  border-width: 1px 0;
  display: table;
  width: 100%;

  .item {
    background: transparent;
    border: 1px solid #000;
    border-width: 0 1px 0 0;
    display: table-cell;
    height: 40px;   /* <---------- */
    outline: none;
    vertical-align: center;
    white-space: nowrap;

    &:last-child { border-right: 0; }
  }
}

您可以在http://codepen.io/caio/pen/yFzvK …

我正在学习使用ImageMagick,但是当我尝试生成如下例子的图像时遇到了麻烦:

为此,我使用以下代码:

convert original.jpg -size 460x caption:'This is a multiline caption, This is a multiline caption, This is a multiline caption.' result.jpg

此命令生成两个单独的图像,一个只有标题.你能帮助我吗？

PS:我正在使用带有ImageMagick的RubyOnRails,但您可以使用MiniMagick或Rmagick建议示例.谢谢.

我正在使用类和CoffeeScript/JavaScript进行一系列测试.请参阅以下代码:

class Example

    someFunction = ->
        alert @getText()

    constructor: ->
        @text = 'Hello world! ;)'
        someFunction()

    getText: ->
        @text


### Instance ###
example = new Example

这只是一个例子,编译时我得到错误:

Uncaught TypeError: Object [object global] has no method 'getText'

你知道我怎么能解决这个问题吗？ http://jsfiddle.net/P4Xdz/

我有以下代码:

HTML

<div id='foo'>
    <input type='checkbox' value='english' name='bar[english]' />
    <input type='checkbox' value='spanish' name='bar[spanish]' />

    <button type='button' class='button'>Me!</button>
</div>?

JavaScript(jQuery)

$('.button').click(function() {
    status = '';
    $('#foo input[name*="bar"]').each(function() {
        status += $(this).val() + ': ' + $(this).is('checked') + ".\n";
    });
    alert(status);
});

http://jsfiddle.net/pCmXJ/

你知道告诉我为什么这两个复选框总是返回false？谢谢.

我试图在这个perl脚本上返回Unix用户列表.我正在使用Passwd :: Unix的Mojolicious框架.

参考文献:

• Mojolicious(http://metacpan.org/pod/Mojolicious)
• Passwd :: Unix(http://metacpan.org/pod/Passwd::Unix)

那是我的代码:

test.pl

#!/usr/bin/env perl
use Mojolicious::Lite;
use Passwd::Unix;

# Instance
my $pu = Passwd::Unix->new();

get '/' => sub {
  my $self = shift;
  my $users = $pu->users;

  $self->stash(
    users => $users
  );
} => 'test';

app->start;

__DATA__

@@ test.html.ep
<ul>
  <% foreach my $user ($users) { %>
  <li><%= $user %></li>
  <% } %>
</ul>

但它不是返回用户,而是仅打印用户总数.

我有:

var foo = '(bar)'
foo.replace('(', '').replace(')', '')

所以,我bar没有括号,有更好的方法吗？

我在div中有两个按钮,位置为:fixed; 但是当你点击时,选项列表就消失了.

我在下面的链接中写了我的代码,你可以帮帮我吗？

http://jsfiddle.net/T9QHw/

谢谢.

我有两个"内嵌块"按钮,见下图:

但是,如果单击,您将看到另一个按钮向下两个像素.

示例: http ://jsfiddle.net/caio/EUjeY/.

.button {
    border-radius: 2px;
    border: 1px solid #ddd;
    border-bottom: 3px solid #ccc;
    background: #eee;
    padding: 5px 10px;
    display: inline-block;
}

.button:hover {
    background: #e7e7e7;
}

.button:active {
    border-bottom: 1px solid #ddd;
    padding: 7px 10px 5px;
}

你能帮我防止这个吗？

谢谢.