AJAX扩展控件Accordion的使用方法总结
如上图所示为Accordion控件:
感觉不错的样式
<style type="text/css">
.headerBg{cursor:hand;text-align:center;width:180px;height:21px;background-image:url(images/ajaxmenubg1.gif);FONT-SIZE: 12px;line-height:21px;}
.contentBg{width:180px;text-align:left;BACKGROUND-COLOR: #D1ECC8; FONT-SIZE: 12px; Font-color: #669900; FONT-FAMILY: "宋体"}
</style>
</head>
一、静态加载:
页面代码如下:
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<cc1:Accordion ID="Accordion1" runat="server" Height="329px" Width="198px"
HeaderCssClass ="accordionHeader"
ContentCssClass ="accordionContent"
FadeTransitions ="true"
TransitionDuration ="300"
FramesPerSecond ="20"
RequireOpenedPane ="false"
SelectedIndex ="-1"
>
<Panes>
<cc1:AccordionPane runat ="server">
<Header>张佳佳</Header>
<Content>态度决定一切</Content>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane1" runat ="server">
<Header>*佳佳*</Header>
<Content>太阳像往常一样升了起来</Content>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane2" runat ="server">
<Header>i++</Header>
<Content>做好自己该做的!</Content>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane3" runat
相关文档:
$.ajax({
type: "POST", //访问WebService使用Post方式请求
......
function saveObj(){
var userName = document.getElementById("userName").value;
checkUserName(userName);
}
//使用ajax实现页面无刷新功能;
var xmlHttpRequest;
function createXMLHttpRequest(){
if(windo ......
<script language="javascript" type="text/javascript">
function doubleSalary()
{
var employee = new Object();
employee.FirstName = "X";
employee.LastName = "PP";
employee.Salary = 1000;
......
以后说明就写在这里了,该控件只当是练手 我把说明一起打包了 不过还是在这里而在贴出来 我有空的时候就会扩展其他功能了
高手就可以飘过了... 每次更新我都会把原来的控件一起打包 文件可能越来越大,呵呵 欢迎交流
Ax控件用于ajax请求
支持浏览器 火狐 IE 等...
控件参数
_Async 是否同步 true为异步 fals ......
AJAX自从引进了Tab,着实让我开心了一番。但是,在调整Tab的样式的时候,也着实让我吃了一惊。
于是,抱着没有困难也要制造困难的原则,开始了征途:
按照Tab作者Ronald Buckton所说,Tab的CSS包含如下几个类:
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.
......