<%
Set Conn= Server.CreateObject("ADODB.CONNECTION")
ConnString = "Provider=MicroSoft.Jet.OLEDB.4.0; Data Source=" & Server.MapPath("data.mdb")  
Conn.Open ConnString
Randomize
Set RS = Conn.Execute("Select TOP 5 * FROM test order by rnd(-(id +" & rnd() & "))")
Do While Not RS.EOF
Response.Write  RS.Fields("record_info").value&"<br />"
RS.MoveNext
Loop
RS.Close
Set RS = Nothing
Conn.Close
Set Conn = Nothing
%>

<div id="acc">
<a href="#">日语人才1</a>
<div>test<br /><br /><br />test<br /><br /><br /></div>
<a href="#">日语人才2</a>
<div>test<br /><br /><br />test<br /><br /><br /></div>
<a href="#">日语人才3</a>
<div>test<br /><br /><br />test<br /><br /><br /></div>
<a href="#">日语人才4</a>
<div>test<br /><br /><br />test<br /><br /><br /></div>
</div>

<style type="text/css">
#acc{
width:200px;
border:1px solid #9999FF;
}
#acc a{
display:block;
line-height:25px;
background-color:#CC99FF;
cursor:pointer;
text-decoration:none;
color:#000000;
}
#acc a:hover{
background-color:#CCCCFF;
color:#FFFFFF;
}
#acc a.selected {
color:#CC6600;
}
</style>

$(document).ready(function(){
  $("#acc").accordion();
});
</script>

<ul id="acc">
  <li><a href="#" class="ttl">折叠1</a>
    <div>
     <p>这是测试折叠</p><p>这是测试折叠</p><p>这是测试折叠</p><p>这是测试折叠</p><p>这是测试折叠</p>
    </div>
  </li>
  <li><a href="#" class="ttl">折叠2</a>
    <div>
     <p>这是测试折叠</p><p>这是测试折叠</p><p>这是测试折叠</p>
    </div>
  </li>
  <li><a href="#" class="ttl">折叠3</a>
    <div>
     <p>这是测试折叠sfgsfgsdgfsfg测试折叠</p><p>这是测试折叠</p><p>这是测试折叠</p>
    </div>
  </li>
  <li><a href="#" class="ttl">折叠4</a>
    <div>
     <p>esdfsgdhdghd是测试折叠</p><p>这是测试折叠</p><p>这是测试折叠</p>
    </div>
  </li>
</ul>
[/url]

样式
[code]
*{
margin:0px;
padding:0px;
font-size:12px;
}
ul{
display:block;
width:200px;
border:1px solid #CC99FF;
}
ul li{
display:block;
list-style:none;
}
ul li a{
display:block;
line-height:25px;
text-align:center;
text-decoration:none;
cursor:pointer;
color:#000000;
background-color:#CC99FF;
}
ul li a:hover{
background-color:#FFCCFF;
}
ul li a.selected{
color:#663300;
}

$(document).ready(function(){
  $("#acc").accordion({
    autoheight: false,
    active: 1,//false为都折叠，要某个不折叠，只要设置index即可
    header: '.ttl',//可以折叠的元素
    event: 'click',//折叠展开时的事件
    fillSpace: false,
    animated: 'bounceslide'//bounceslide,easeslide展开折叠时的动态效果，需要引入其他js文件（UI Effects
  });
});
</script>

<ul id="tree1">
  <li><span>顶层1</span>
    <ul>
      <li><span><a href="?1.1">顶层1.1</a></span></li>
    </ul>
  </li>
  <li><span>顶层2</span></a>
    <ul>
      <li><span><a href="?2.1">顶层2.1</a></span></li>
      <li><span>顶层2.2</span>
        <ul>
          <li><span><a href="?2.2.1">顶层2.2.1</a></span></li>
          <li><span><a href="?2.2.2">顶层2.2.2</a></span></li>
         </ul>
      </li>
    </ul>
  </li>
  <li>顶层3</li>
  <li>顶层4</li>
</ul>

<script type="text/javascript">
$(document).ready(function(){
    $("#tree1").treeview({
        persist: "location",
        collapsed: true,
        unique: true
    });
});
</script>

.scroll-pane {
    width: 200px;
    height: 200px;
    overflow: auto;
    font-size:12px;
}
/*滚动条向上的箭头*/
a.jScrollArrowUp {
height:16px;
background: url(images/windows_arrow_up.gif) repeat-x 0 0;
}
/*放到向上的箭头时*/
a.jScrollArrowUp:hover {
background-position: 0 -20px;
}
/*滚动条向下的箭头*/
a.jScrollArrowDown {
height:16px;
background: url(images/windows_arrow_down.gif) repeat-x 0 0;
}
/*放到向下的箭头时*/
a.jScrollArrowDown:hover {
    background-position: 0 -20px;
}
/*按下向上或向下的箭头时*/
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    background-position: 0 -40px;
}
/*滚动条的背景色*/
.jScrollPaneTrack {
    background: #f60;
}
/*滚动条的样式*/
.jScrollPaneDrag {
    background: #00f url(images/drag_grab.gif) no-repeat 50% 50%;
}

<script type="text/javascript">
$(document).ready(function(){
  $("#scrollContent").jScrollPane({scrollbarWidth:17,showArrows:true});
});
//scrollbarWidth:17  根据你肩头的宽度设置
//showArrows:true    这个就是显示箭头的参数
</script>

$(document).ready(function(){
  var sOption={
    "选项一":{
      "key":"s_1",//选项一的值
      "defaultvalue" : 111,
      "values":{
        "选项1_1":"s_1_1",
        "选项1_2":"s_1_2",
                    "选项1_3":"s_1_3"
      }
    },
    "选项二":{
      "key":"s_2",
      "defaultvalue" : 222,
      "values":{
        "选项2_1":"s_2_1",
        "选项2_2":"s_2_2",
        "选项2_3":"s_2_3",
        "选项2_4":"s_2_4"
      }
    }
  };
  //s1 s2是两个select的id
  $("#s1").doubleSelect('s2',sOption);  
});