小编Hoo*_*ook的帖子

检查元素是否在视口的30%到60%之间

我试图<li>在视口的30%到60%之间更改元素的颜色.

所以我将这个元素网格并排堆叠如下:

元素并排堆叠

我遇到了一些插件,如Waypoints,Viewport Checker和其他一些插件,但没有什么好处.

任何的想法？

我使用的是一个非常简单的结构:

的jsfiddle

HTML

<!doctype html>

<html lang="en">

<head>
    <meta charset="utf-8">

    <title></title>
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/styles.css">
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="js/main.js"></script>
    <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>

<body>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

CSS:

ul {
    margin: auto;
}
ul li {
    width: 300px;
    height: 200px; …

Run Code Online (Sandbox Code Playgroud)

html javascript css jquery viewport

Hoo*_*ook

2015 04-27

32
推荐指数

2
解决办法

1万
查看次数

麦克风的声音活动级别只有javascript

实际上我正在尝试从麦克风创建一个声音活动级别.没有记录只是一个现场水平.我找到了很多主题,但没有使用javascript.我找到了许多有用的链接,但我不知道如何只用javascript创建我想要的东西.该应用程序需要在多个移动平台上运行.(WebOS,Androïd,IOS ......)并最终在计算机上.

这是链接:

http://jsfiddle.net/7D3YS/

这个链接是一个简单的随机校平器.它看起来像我想要的.但是这个级别没有控制权.

http://docs.phonegap.com/en/1.1.0/phonegap_media_capture_capture.md.html#capture.captureAudio

它使用音频捕获,我认为这是最好的方式,但我不知道如何监听和创建图形渲染.

www.sajithmr.me/jrecorder/example1.html

这个例子正是我想要的,但它使用的是swf文件.它不适用于iPhone.

www.filosophy.org/2011/03/talking-to-the-web-the-basics-of-html5-speech-input/

谷歌创建了一个webkit,但我不知道如何在我的工作中使用它.

我感谢录制音频文件并同时收听此文件,但我不确定效率.

这就是我发现的一切.谢谢你的帮助!

巴斯蒂安