2010-12-18 120 views
0

http://jqueryui.com/demos/accordion/#custom-icons如何自定义加/减jQuery UI的手风琴图像

我想在下面我的手风琴添加这些上下箭头图标。我应该如何修改我的代码?需要帮助不好。日Thnx

<cc1:Accordion ID="Accordion1" runat="server" FadeTransitions="true" Visible="true" AutoSize="None"SelectedIndex="0" RequireOpenedPane="false" TransitionDuration="250" 
HeaderCssClass="accordionHeader toggler" 
    HeaderSelectedCssClass="accordionHeader toggler-expanded" ContentCssClass="accordionContent"> 
       <HeaderTemplate> 

        <b style="color: Black"> 

         <%#Eval("Ques")%> 
        </b> 
       <ContentTemplate> 
       <p> <%#DataBinder.Eval(Container.DataItem, "QuesAns")%></p> 

       </ContentTemplate> 
      </cc1:Accordion> 
+0

您应该发布由您的.NET代码生成的HTML。这将使故障排除变得更容易。 – sgriffinusa 2010-12-18 07:05:16

+0

好的..给我一分钟 – Serenity 2010-12-18 07:08:46

回答

0

变化:

.toggler {   
    background:url("/images/icons/plus.png") no-repeat left center transparent;  
}   

.toggler-expanded {   
    background-image:url("/images/icons/minus.png"); 
} 

到:

.toggler {   
    background:url("path/to/yourimage.png") no-repeat left center transparent;  
}   

.toggler-expanded {   
    background-image:url("path/to/yourimage.png"); 
} 

但是,你应该看一看jQuery theming