小编des*_*mer的帖子

我是flexbox的新手,我正在尝试制作一个水平滚动网站.我们的想法是将第一个项目显示为100%的高度和宽度,就像覆盖屏幕一样,其余项目位于右侧,只有在滚动时才会显示.

这是我想要做的图像:

我尝试将第一个项目设置为100%宽度,但它仍然像其他项目一样适合.

这是我的CSS代码:

    body
    {
        margin: 0;
        padding: 0;
        background-color: rgb(242, 242, 242);

    }
    .flex-container
    {
        display: -webkit-box;      
        display: -moz-box;         
        display: -ms-flexbox;     
        display: -webkit-flex;     
        display: flex;    

        flex-flow:row;  
        height:100%;
        position:absolute;
        width:100%;


        /*flex-wrap:wrap;*/
    }
    .box
    {
        padding: 20px;
        color:white;
        font-size:22px;
        background-color: crimson;
        border:1px solid white;
        flex:1;
        -webkit-flex:1;
        text-align:center;
    min-width:200px;



    }
    .splash

    {
        background-image: url(1.jpg);
        width:100%;
            background-size:cover;
        background-position:50% 50%;
        background-repeat: no-repeat;
            transition: all 0.6s ease;
            flex:10;
        -webkit-flex:10;

    }

    .flex1:hover
    {
            flex:4;
        -webkit-flex:4; 
    }

我的HTML代码:

<div class="flex-container">        
    <div class="box splash">1</div>
    <div class="box">2</div>
    <div …

我试图淡入div其中有一个内嵌背景图像.

我已经在页面加载的图像上尝试过了,但是我们怎样才能在背景图像中实现这种效果div.

我试图在滑块上创建一个文本动画循环...我尝试循环但它没有工作..你能告诉我如何永远循环这个脚本..谢谢

<script>
$(document).ready(function() {
    $("#header").hide();
    var headerOne='I';
    var headerTwo='Am'; 
    var headerThree='So';
    var headerFour='Cool';
        $("#header").html(headerOne);
    $("#header").fadeIn(1000);
    $('#header').delay(1000).fadeOut(1000,function(){
    $(this).html(headerTwo).fadeIn(1000);
     $('#header').delay(1000).fadeOut(1000,function(){
     $(this).html(headerThree).fadeIn(1000);
     $('#header').delay(1000).fadeOut(1000,function(){
     $(this).html(headerFour).fadeIn(1000).delay(1000).fadeOut(1000);       
      });
        });
    });

});
</script>

谢谢!

嗨伙计们,我是贝宝的新手.我有一个沙盒测试项目onpaypal并创建了一个项目购买按钮,它是嵌入的HTML代码..现在每当我在aspx页面中插入HTML代码它不会重定向到paypal网站.也许是因为覆盖html代码的表单标签..这里是项目的paypal购买按钮的代码

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3GWR6RV47BCVE">
<input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>

现在有人请帮助,我在普通的HTML文件中尝试了这个代码并且它工作但是只要我把它放在aspx上的表单runat服务器标签它重定向页面到它自己..谢谢.

我试图弄清楚这一点.如何让它在页面上工作.

我的css

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}

.modalDialog > div {
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}

.close {
    background: #606061;
    color: #FFFFFF; …

我是SQL的新手.我有一个非常的noob问题,处理seo的东西,我想知道如何根据来自另一列的命中数增加列的等级数.

例如,如果命中数达到10,则等级增加1并且在接下来的10次命中时它再次增加1.

谢谢.

我已经接受了这个h1，我给它一个类并应用了边框底部，这样我就可以给出一个很好的下划线效果。我可以使用text-decoration属性，但提供粗体下划线效果使我能够具有下划线的宽度。当我给出h1下划线时，边框变为容器的 100% 全宽。请告诉我如何解决它。谢谢。

我是js的新手.我正在尝试使用构造函数来创建一个对象.这是我的代码

    function player(name,age,rank)
{

    this.name=name;
    this.age=age;
    this.rank=rank;
    this.sayEverything=function()
    {

        return "The name of the player is " + this.name + "the age is " + this.age + "the rank is " + this.rank; 
    }

现在我正在添加这样的新属性

player.matchReady=true;

现在我创建一个像这样的对象

var kaka=new player("kaka",22,3,false);

当我写这个

document.write('kaka is match ready-->' + kaka.matchReady);

它给了我这个输出 卡卡准备匹配 - >未定义

为什么它给我未定义？我没有正确添加新属性吗？请告诉我.谢谢.