<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta name="author" content="jQer"/>
<meta name="description" content="这是一个动态图片库,可以按照分类任意筛选图片组!"/>
<title>动态图片库</title>
<link type="text/css" rel="stylesheet" href="dynamic.css" />
<script src="interface.js"></script>
<script src="dynamic.js"></script>
</head>
<body id="dynamic-gallery">
<div id="gallery">
</div>
<ul id="classMenu">
<li id="setbg">上色</li>
<li id="setdefault">默认颜色</li>
</ul>
<p>javascript 原生树态图片库, 点击 " - " 和 " + " 可以隐藏和显示对应的组, 这个代码也可以用来做过滤器使用。</p>
<p>动态效果方面使用了CSS3,并没有定时器模拟,可以减少js代码提高性能。</p>
<p>本来想把图片组设置阴影,但是发现CSS3在这里会有很明显的性能影响,所以没有集成到组件中,粗略做了两个按钮,可以观看阴影效果。</p>
<p>使用方式:在window的load事件完毕后, 设定json格式的图片组(参看dynamic.js),
也可使用ajax获取json格式的图片路径,调用GalleryManager.create(container, jsonImages)函数即可。</p>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
javascript 原生树态图片库 1.0 版
共3个文件
js:1个
html:1个
css:1个
需积分: 9 21 下载量 129 浏览量
2013-06-18
11:44:33
上传
评论
收藏 4KB RAR 举报
温馨提示
使用原生javascript编写, 拓展组合树态, 动态图片组,也可以作为过滤器使用。 功能:分组显示隐藏图片, 图片组可以一直层叠嵌套,而有序的管理自己的分组 , 类似冒泡事件。 动态效果:使用CSS3的transition变换,并没有使用js定时器模拟,可以减少js代码, 提高性能。
资源推荐
资源详情
资源评论
收起资源包目录
javascript 原生树态图片库 1.0 版.rar (3个子文件)
javascript 原生树态图片库 1.0 版
index.html 1KB
dynamic.js 6KB
dynamic.css 2KB
共 3 条
- 1
资源评论
战歌IT
- 粉丝: 122
- 资源: 2409
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 多机调度问题贪心算法:理论探索与实践应用.zip
- 探索tecreate:软件开发的未来之星.zip
- 打标机项目C#源码连接扫码
- 基于SSM的房屋租赁系统的设计与实现
- xyctf:从入门到精通的实用指南.zip
- mmqrcode1714153659780.png
- Screenshot_2024-04-27-06-08-58-486_com.baidu.xin.aiqicha.jpg
- 基于Javaweb+Tomcat+MySQL的大学生公寓管理系统+sql文件.zip
- 实训作业基于javaweb的订单管理系统源码+数据库+实训报告.zip
- 多机调度问题贪心算法基于最小堆和贪心算法求解多机调度问题.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功