很简单的范例，完全不用写程序

直接套用就能做！

但是，基础不稳的人，连「复制贴上」直接套用，

对您而言，都困难重重，不是吗？

jQuery UI 与 RWD的入门介绍，网站上都讲过了。

简单的jQuery UI特效与入门 from jQuery UI官方网站

您可以参阅 松岗出版 的 「ASP.NET学习教材」这本书有专文为您解说。

基础入门，上面文章已经说明过。

当您选用了手风琴特效 (Accordion)，只要花时间观察 HTML码里面的规则

就能看出端倪！

如下图，规则很简单。  标题＋内文

  • 标题 ---- 使用 <h3>
  • 内文 ---- 使用 <div>

您知道上图的「规则」以后，放入 Repeater控件

让他重复为您产生（类似帮您跑循环）不就好了吗？

之前也介绍过下面范例，上课时都会讲：

[习题]ASP.NET 搭配 美工人员设计好的HTML网页 #1 -- ADO.NET + HTML

[习题]ASP.NET 搭配 美工人员设计好的HTML网页 #2 -- Repeater

忍不住要抱怨一下：

写程序，说要写到天下无敌.......这个我不会

但熟练以后，加上一点巧思 或是搭配一些 "现成的"套件、效果

真的不难！

前提是：您要 懂 而且 熟练，不然无法做出变化。

您还在上网四处「捞」范例？  乞讨、捡拾人家的程序片段吗？

还是定下心，给自己一点时间，好好「练一下」、「熟悉」一下呢？

[给读者的话]软土深掘 #1

一万小时法则 -- 请放下你的速成心态！

我不知道PO这篇文章几次了，但每次都觉得这篇文章说得好！

Bill的经典好文 -- 读书与上课
http://www.dotblogs.com.tw/billchung/archive/2010/11/28/19767.aspx

  • 或许是因特网太发达且信息已经多到爆炸，
  • 也许有人觉得要对一门计算机技术精通 只要上网查查数据、看看别人的部落格就有机会达成这样的目标。
  • 我不否认应该有少数这样具有特别天份的人，这类的人多半对于知识的组织与吸收是有独到之处，
  • 不过这也意味着 大部份的人 走这条路通常都会进到死胡同，
  • 很快地将会遭遇许多技术瓶颈的挑战。....详见全文

您（初学者）就继续在网络的「免费」空间流浪吧

继续在网络上「兜」程序、「凑」片段吧！

您的人生、您的青春、您的生命，.........您自己去浪费吧！

[感想]「指挥艇，组合！」....别把写程序当成无敌铁金刚，用「兜」的，不会有好下场～

李智桦老师：兜兜哲学

相关的小故事：

一位佛友电话抱怨道：为什么我努力了还是得不到？念经行善了但命运却不变？

师：我给你寄五百块钱来好不好？

众：师父，你的钱我不敢要呢！

师：我是要你帮我办一件事。

众：师父，你说办什么，我绝对帮你办好！

师：帮我买一辆汽车。

众：(大吃一惊)师父，五百块怎么能买到汽车呢？！

师：你知道五百块买不到汽车！

       可是世上有太多的人都在绞尽脑汁，想付出一点，就得到很多。

为什么不一次学好、学清楚？

然后让自己有生产力呢？

（你学了一百招，但上了战场，一招都使不出来？）

（客户的要求，没有一个你能自己做到？还是上网逐一发问、抄抄改改？）

为什么人家可以千变万化？

我只能到处拼拼凑凑？却还天天加班、做不完？最后还是迷迷糊糊？

让我来告诉您，ASP.NET该怎么学？心法在哪里？

   如何一以贯之？

         如何启动「轻轻松松的自我学习之道」？

让我告诉你，

一个没有大型补习班招牌、没有关键词广告的书籍与课程

在时局这么乱、经济与工作越来越萧条的  Bumbler 无能年代，

为何所有补习班的 ASP.NET课程都开不成、招不到学生

我的课程，班班额满，欲罢不能.............纵贯这三四年 全台湾 的 ASP.NET入门教学

1.  [自我评量表] ASP.NET 我该上什么课？入门、或是进阶？.....

2.  [课程大纲]ASP.NET入门实战 + ADO.NET进阶班（七周），教学内容

jQuery UI -- Repeater & 手风琴(Accordion)效果的更多相关文章

  1. jQuery实际案例③——手风琴的效果

    如图,用最简单的方式实现手风琴的效果,核心,就是通过改变自身即鼠标移上去的那张图的width,与其他的width就可,但是需要用animate,先改变自己的width,再改变其他的.

  2. jQuery动态提示消息框效果

    效果预览:http://keleyi.com/keleyi/phtml/jqtexiao/2.htm 原文:http://keleyi.com/a/bjac/hxv86dyi.htm <!DOC ...

  3. Jquery qTip2实现多种提示效果,支持ajax,以及多种样式

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. MVC自定义编辑视图,DateTime类型属性显示jQuery ui的datapicker

    实现的效果为:在编辑视图中,对DateTime类型的属性,显示jQuery UI的datepicker.效果如下: Student.cs public class Student    {       ...

  5. Jquery UI accordion手风琴菜单

    最近学习jQuery,总结了一些心得. 1.引用 <script type="text/javascript" src=jquery.js></script> ...

  6. jquery ui中 accordion的问题及我的解决方法

    原文:jquery ui中 accordion的问题及我的解决方法 jquery有一套所谓的ui组件,很不错的.如果有兴趣的朋友,可以参考http://jqueryui.com/ 但其中的accord ...

  7. 【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.5.Accordion控件

    accordion是另一个UI控件,能允许你将一组content加入相互分隔的.能够被浏览者的交互打开或关闭的panels中.因此,它大多数的content在初始化的时候是隐藏的,很像tabs控件.每 ...

  8. 创建一个jQuery UI的垂直进度条效果

    日期:2013-9-24  来源:GBin1.com 在线演示 缺省的jQuery UI只有水平的进度条效果,没有垂直的进度条效果,仅仅重新定义JQuery UI的CSS不能解决这个问题. 这里我们扩 ...

  9. jquery.ui.accordion的修改（支持展开多个）

    原文:jquery.ui.accordion的修改(支持展开多个) 背景:原jquery.ui.accordion插件,最多只能展开一个,不能展开多个,后来在网上找到了一个基于它的一个修改版(http ...

随机推荐

  1. python ：字符串，列表，元组，集合，字典

    字符串方法: 字符串是一个有序的,不可修改的,元素是以引号包围的序列.单引号,双引号,三引号,str生成 字符串的修饰   a='novo gene' a.center() 让字符串在指定的长度居中显 ...

  2. 2-3 Flutter开发环境与iOS开发环境设置（Mac）

    Mac下环境搭建 先不看了 都是Mac下的环境搭建

  3. Halcon - 获取图像数据（灰度值）

    在 Halcon 中,或许大部分人都知道如何通过 get_grayval 获取图像的灰度值,这条算子在获取单个像素时是比较好用的.但是当你想获取一幅大尺寸图像的一行甚至所有的灰度数据时,它就会变得很吃 ...

  4. 6.Python初窥门径(小数据池,集合,深浅拷贝)

    Python(小数据池,集合,深浅拷贝) 一.小数据池 什么是小数据池 小数据池就是python中一种提高效率的方式,固定数据类型,使用同一个内存地址 小数据池 is和==的区别 == 判断等号俩边的 ...

  5. SpringBoot（1）—启动原理之SpringApplication对象的创建

    创建SpringApplication对象 SpringBoot版本为 2.1.1.RELEASE @SpringBootApplication public class SpringbootDemo ...

  6. vue教程3-webpack搭建项目

    vue-cli https://cli.vuejs.org/zh/ vue-cli是vue的命令行工具,对于创建项目,安装各种组件,运行项目都极为方便,是在开发vue中的必备工具 vue-cli基于n ...

  7. css3椭圆运动

    通过使用css3实现让元素椭圆运动.而不是圆形运动. 效果1:http://sandbox.runjs.cn/show/ignefell 效果2:http://runjs.cn/code/w2wxjy ...

  8. js 中止程序继续进行(break continue return throw)

    1.break 跳出循环 2.continue 跳出本次循环,进入下次循环 3.return 中止当前函数继续执行 4.throw 异常信息;中止程序抛出异常,可用于中止程序

  9. GYM 101933I（贪心、大整数）

    我读题有问题呀,题目中到底哪里保证数据一定至少是2倍关系了Orz--然后既然题意就是保证了那贪心一下即可,因为如果当前这个大的不选,那剩下一堆逐渐小于上一代的1/2的,凑起来都不如这个大的,更别说答案 ...

  10. jQuery基础(1)

    一.jQuery的介绍 1.为什么要使用jQuery? 在用js写代码时,会遇到一些问题,如下: 1)window.onload 事件有事件覆盖的问题,因此只能写一个事件: 2)代码容错性差: 3)浏 ...