小编Rus*_*gle的帖子

在这里我编写代码,所有人名都来自Facebook API.它在灯箱上显示.现在我想使用javasciprt/jquery实现搜索功能.你能帮我解决一下我应该如何实现搜索功能？

   <div> <input type="text" id="search-criteria"/>
    <input type="button" id="search" value="search" onClick="tes();"/> </div>
<fieldset>
    <legend>Invite Facebook Friend</legend>

    <div class="fbbox">
    <img src="images/User.png" class="fbimg" />
    <div class="fix"><label for="check-2" class="left"> James </label></div>
    <input type="checkbox" name="fb" id="check-1" value="action" class="leftcx"/>
    </div>

    <div class="fbbox">
    <img src="images/User.png" class="fbimg" />
    <div class="fix"><label for="check-2" class="left">Alan </label></div>
    <input type="checkbox" name="fb" id="check-2" value="comedy" class="leftcx"/>
    </div>

    <div class="fbbox">
    <img src="images/User.png" class="fbimg" />
    <div class="fix"><label for="check-3" class="left"> Mathew </label></div>
    <input type="checkbox" name="fb" id="check-3" value="epic" class="leftcx"/>
    </div>

在这里,我使用以下代码从维基百科中获取数据.但它不适合我.

var playListURL = 'http://en.wikipedia.org/w/api.php?format=json&action=query&titles=India&prop=revisions&rvprop=content&callback=?';

$.getJSON(playListURL ,function(data) {
    $.each(data.pages, function(i, item) {
        alert(i);
    });
});

DEMO LINK: - http://jsfiddle.net/rushijogle/dyeqy/

我创建了一个应用程序,其中所有div在悬停时垂直翻转.我想让它随意而不悬停.我该怎么做？

CSS

            .vertical.flip-container {
                    position: relative;
                               float: left;
                margin-left: 50px;
                }

                .vertical .back {
                    transform: rotateX(180deg);
                }

                .vertical.flip-container .flipper {
                 transform-origin: 100% 50px;
                }

                .vertical.flip-container:hover .flipper {
                    transform: rotateX(-180deg);
                }

                .flip-container {
                    perspective: 1000;
                }
                    /* flip the pane when hovered */
                .flip-container:hover .flipper, .flip-container.hover .flipper {
                    transform: rotateY(180deg);
                }

                .flip-container, .front, .back {
                    width: 100px;
                    height: 100px;
                }

                .flipper {
                    transition: 0.6s;
                    transform-style: preserve-3d;
                    position: relative;
                }

                .front, .back {
                    backface-visibility: hidden;
                    position: absolute;
                    top: 0;
                    left: 0;
                } …