易截截图软件、单文件、免安装、纯绿色、仅160KB

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


相关文档:

jQuery调用Asp.net Ajax页面中的方法

原来用jQuery的ajax方式调用asp.net页面基本都是调用单个页面,由调用页面Response内容,而现在采用asp.net ajax后,我们则可以更完美的使用jQuery和asp.net结合了,代码如下:
 
<asp:ScriptManager ID="ScriptManager1" runat="server" >
<Scripts>
<asp:ScriptReference Path="http ......

最简单的Ajax例子

<input type="button" onclick="ajaxTest()" value="AJAX测试">
<input type="button" onclick=" document.getElementById('weather').innerHTML='' " value="隐藏">
<mce:script type="text/javascript"><!--
// 1. 初始化 请求 对象
// Mozilla/Firefox 下的
//var xmlhttp = ne ......

AJAX里TabContainer的CSS (转贴)

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. ......

PHP+Ajax实现Tab效果

用Ajax实现Tab效果的
先创建
ajax.php,在其中输入如下代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sample 2_1</title>
<me ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号