如何在JQuery小册子插件中更改每个页面的背景图像?

时间:2011-03-21 22:45:56

标签: javascript jquery css

* 如何在JQuery小册子插件中更改每个页面的背景图像? *理论上我认为我理解它,但实际上我必须在语法上做错。我对JavaScript一般都是新手。我正在为每个(页面)div分配它自己的id,我想我正在把那个部分弄好,然后我想在C.S.S中给每个人分配一个背景图像..但是我不知道我该怎么做。声明是以“。”开头的。或“#”,是否应该进入或退出.b-loads {parameters?}

在我的CSS中:

     .booklet .b-load  {
         text-align:center;
     } 
     .cover {
         background-image url(images\00c.png)
     }
     #genesis01n0001 {
         background-image url(images\00c.png)
     }

在HTML中:

    <body>
    <div id="mybook">
     <div class="b-load">
     <div id="cover">
     <h1>The Old Testament!</h1>
     </div>
     <div id="genesis01n0001"> 
     <h3>In the beginning God created the heaven and the earth.</h3>
     </div>

1 个答案:

答案 0 :(得分:1)

#cover {
    background-image:url(images/00c.png);
}
#genesis01n0001 {
    background-image:url(images/00c.png);
}

你忘记了“:”和“;”你的CSS!你为什么不使用“/”而不是“\”? 另一个注意事项:在你的CSS中,“#”描述了一个id和“。”描述了一个类。