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

直接套用就能做!

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

对您而言,都困难重重,不是吗?

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. 条款20.宁以pass-by-reference-to-const替换pass-by-vlaue

        缺省情况下c++以by value的方式传递对象至(或来自)函数.除非你另外指定,否则函数参数都是以实际实参的复件(副本)为初值,而调用端所获得的亦是函数返回值的一个复件.这些复件是由对象的c ...

  2. linux下的函数dirname()和basename()使用

    总览 #include <libgen.h> char *dirname(char *path); char *basename(char *path); 说明 函数以 '/' 为分隔符 ...

  3. win10怎样彻底关闭windows Defender

    首先,我们在电脑中需要进入注册表编辑器进行修改,win10电脑进入windows Defender可以有两种方式,第一种是通过电脑自带的小娜进入,第二种则是常规的win加r.   不管使用哪种方式,首 ...

  4. [NOIP2014]子矩阵

    1812. [NOIP2014]子矩阵 http://www.cogs.pro/cogs/problem/problem.php?pid=1812 ★★★   输入文件:submatrix.in   ...

  5. IT兄弟连 Java语法教程 Java语言的跨平台特性

    什么是平台 Java是可以跨平台的编程语言,那么首先我们需要知道什么是平台,通常我们把CPU与操作系统的整体称为平台. CPU大家都知道,是计算机的大脑,它既负责思维运算,又负责计算机中各种零部件的命 ...

  6. HDMI和VGA接口

    HDMI英文全称为:High Definition Multimedia Interface,它是一种全数字化视频和声音发送接口,可以发送未压缩的音频及视频信号. HDMI接口与VGA接口区别如下: ...

  7. web项目部署后动态编译无法找到依赖的jar包

    很纳闷的一个问题,通过配置文件生成的java源码在本地动态编译没有问题,但是部署服务器后编译不通过,找不到依赖的jar包. 通过网上查资料,找到一个兄弟提供的方法,问题解决了:下面贴出代码以供参考: ...

  8. ESQL 查询数据报 参数类型“Edm.Decimal”和“Edm.Double”不兼容

    ESQL 查询数据报 参数类型“Edm.Decimal”和“Edm.Double”不兼容 System.Data.Entity.Core.Objects.ObjectQuery<TEntity& ...

  9. 福昕阅读器把pdf某一页保存出来

    第一步: 第二步: 第三步: 第四步:点击保存即可

  10. [Java]三大特性之封装

    封装这个我们可以从字面上来理解,简单来说就是包装的意思,专业点就是信息隐藏. 是指利用抽象数据类型将数据和基于数据的操作封装在一起,使其构成一个不可分割的独立实体,数据被保护在抽象数据类型的内部,尽可 ...