案例：手风琴 封装好的动画函数在common.js里面 //function getStyle(element, attr) {...} //function animate(element, json, fn) {...} 手风琴设置的是背景图吗,backgroudImage="url(image ...
分类：
Web程序 时间：
2019-12-23 00:41:27
阅读次数：
132
（1）手风琴效果 分析： （2）基础缓冲运动 接下来取整 原因： px为计算机识别的最小单位，1px无法再往下拆分。所以css如果取值200.5px，解析时计算机会自动将其改为200px注意：这里的数值并没有四舍五入计算，200.9px最后依然是200px 速度不能是小数，需要取整，所以接下来进行取 ...
分类：
Web程序 时间：
2019-12-21 22:55:29
阅读次数：
113
part5 课程介绍 另一个定时器 第一个定时器的小案例 练习 封装动画函数 匀速的动画函数,过渡到 >缓动的动画函数 简单的轮播图 左右焦点的轮播图 无缝连接的轮播图 轮播图 重点 三大系列中的第一个系列:offset系列 重点 封装缓动动画函数 筋斗云,固定导航栏 升级4到5个版本 手风琴 旋转 ...
分类：
Web程序 时间：
2019-12-12 13:20:46
阅读次数：
113
在我们以往看到的页面效果中，很多效果是需要JS搭配使用的，而今天在本文中，我将介绍如何使用纯HTML打造属于自己的实用效果。1.**折叠手风琴**使用Details和Summary标签可以创建没有JavaScript代码的可折叠手风琴。效果：HTML<details><summary>LanguagesUsed</summary><p>Thispag
分类：
Web程序 时间：
2019-11-17 12:37:45
阅读次数：
78
比较靠谱的手风琴代码<pre><!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>自制手风琴</title> ...
分类：
Web程序 时间：
2019-11-16 14:51:45
阅读次数：
94
手风琴效果代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> body,div{margin: 0;} .box{height: 100px;} .item{ float: left;w ...
分类：
其他好文 时间：
2019-10-27 01:19:47
阅读次数：
139
1，第一步：先用 jQuery 实现手风琴效果 2，第二步，把 jQuery代码封装，写成插件，给 jQuery原型添加一个 accordion(手风琴）方法 3，第三步，单独把 封装的 accordion方法放在一个 js 文件，成为一个差价，用的时候，只需要在 jQuery文件之后引入这个 js ...
分类：
其他好文 时间：
2019-09-19 17:58:57
阅读次数：
87
案例分析： 每张图片的宽度是1200，初始5张图片平均放在1200宽的 box 里面，每张图片所占宽度是240 当鼠标移动到某张图片上方时，该图片宽度变成800，其余图片宽度平均每张100 当鼠标离开 box 时，就恢复到初始状态，所有图片平均每张宽度240 关键代码： 完整代码： ...
分类：
其他好文 时间：
2019-09-15 18:48:43
阅读次数：
92
1.小天使跟随鼠标效果 效果： 2.Tab栏切换 效果： 3. 手风琴效果 效果： 4.轮播图效果 效果： ...
分类：
Web程序 时间：
2019-09-14 13:16:30
阅读次数：
115
下载资源：百度网盘第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：
分类：
其他好文 时间：
2019-09-14 00:31:22
阅读次数：
98
