jquery插件手风琴效果
利用插件实现手风琴效果,偶尔有点小收获哦!哈哈
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>�ַ��ٵ�Ч��</title>
<!--����jQuery����ļ�-->
<script language="javascript" type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<!--����Css��ʽ����ļ�-->
<link rel="stylesheet" href="jquery-ui-1.8.18.custom.css" />
<script type="text/javascript">
$(function (){
$("#accordion").accordion({header:"h3"});
});
/*
(function($){
});
$(document).ready(function (){});
*/
</script>
</head>
<body>
<div id="accordion">
<div>
<h3><a href="#">First</a></h3>
<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
</div>
<div>
<h3><a href="#">Second</a></h3>
<div>Phasellus mattis tincidunt nibh.</div>
</div>
<div>
<h3><a href="#">Third</a></h3>
<div>Nam dui erat, auctor a, dignissim quis.</div>
</div>
</div>
</body>
</html>
jquery插件手风琴效果相关推荐
- 使用jQuery制作手风琴效果.(转)
http://www.cssrain.cn/article.asp?id=1369 使用jQuery制作手风琴效果 本例主要讲解如何利用jQuery创建一个简单的手风琴风格的竖向菜单,从易到难. 第一 ...
- jQuery实现手风琴效果
jQuery实现手风琴效果,这里是纵向的,效果图如下: 在此处是当鼠标移动到p上面的时候,p下面的ol里面的内容显现出来 主要用了html,css,jQuery的知识 先把大致需要的东西写出来,此处用 ...
- jquery插件 手风琴
<html> <head> <title>手风琴效果</title> <script type="text/javascript&quo ...
- jQuery自制手风琴效果增强版(附实现原理)
手风琴菜单栏效果通常用在页面左侧,当导航内容比较多时使用手风琴的展示方式更有利于信息的传递和排版,我在http://blog.csdn.net/lzgs_4/article/details/48101 ...
- JQuery制作手风琴效果
直接先看效果图 废话不多说直接上代码 HTML代码 <ul><li><div class="flex"><span>曹芳</s ...
- 手风琴效果(js版本以及jquery版本)
最近又复习了jQuery的知识,既然jQuery是javascript的一个库.jQuery能做到的事情javascript也能做到.因此用这两种方法实现了图片手风琴效果 按照惯例,还是上代码吧,因为 ...
- HTML制作手风琴效果,纯js+html和纯css+html制作手风琴效果,css手风琴
纯js+html和纯css+html制作手风琴效果,css手风琴 本文分享了纯js+html制作手风琴和纯css+html制作手风琴两种效果,供大家参考,具体内容如下 一.纯css+html的手风琴效 ...
- html滚动条自动翻页,10款无限滚动自动翻页jquery插件
无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术,它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果,改变了一直以来只能通过点击下一页来翻页这种常规做法.无限滚动自 ...
- 不得不爱开源 Wijmo jQuery 插件集(4)-【手风琴效果】(附页面展示和源码)
园子中的朋友大家好.在上一篇文章中我们,给大家介绍了 Wijmo Menu 的特性及使用方法.感谢园子中朋友的支持,朋友们的支持给我们写这一系列文章提供了很大的动力.在这篇文章中我们将介绍 Accor ...
最新文章
- 智慧城市成为国家战略 浙江同兴股份乘势迈进
- system类的 静态方法可以启动垃圾回收器。_Java—System类入门学习
- Fast R-CNN 个人理解
- 剖析入侵技术 嗅探软件了解
- 【界面无法显示】getStorageInfoSync和getStorageSync的区别
- Linux多进程拷贝文件
- 详解数据中心灾备切换技术
- 白话SCRUM 之四:燃尽图
- 开启Golang编程第一章
- 华为NP课程笔记22-防火墙
- 根据生日自动计算年龄
- 渲染用计算机功耗,【IT之家评测室】满功耗 RTX 3060 笔记本 GPU 表现如何?拯救者 R9000P 实测...
- 2018.12.3比赛题目:电子警察
- 健康小贴士:喝酒时别点哪些菜_新闻中心_新浪网
- 中国富豪挖掘第一桶金的方法
- Luogu P4484 [BJWC2018]最长上升子序列
- 计算机应用中英文缩写ai表示,2014年全国计算机等级一级考试题库
- R语言的版本更新以及迁移R包
- e9000刀片服务器文档,Tecal-E9000刀片服务器交换模块.doc
- PDF转TXT免费脚本