yikaixin1016-tupian-22520-1755763935475.zip资源-CSDN下载

共47个文件

js：23个

jpg：19个

css：2个

python

需积分: 5 79 浏览量 2025-09-01 05:05:13 上传评论收藏 4.79MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

yikaixin1016_tupian_22520_1755763935475.zip （47个子文件）

tupian-master

lib

require.js 81KB

css.js 4KB

seajs-css.js 3KB

underscore.js 47KB

zepto.js 55KB

seajs-preload.js 545B

zepto.touch.js 4KB

backbone.js 68KB

app.js 2KB

backbone

data

imageList.json 2KB

img

02.jpg 234KB

06.jpg 462KB

10.jpg 932KB

05.png 79KB

13.jpg 210KB

01.jpg 214KB

14.jpg 91KB

15.jpg 95KB

16.jpg 200KB

17.jpg 349KB

08.jpg 211KB

07.jpg 321KB

12.jpg 286KB

20.jpg 327KB

18.jpg 49KB

11.jpg 194KB

04.jpg 337KB

19.jpg 30KB

09.jpg 74KB

03.jpg 110KB

index.html 2KB

static

lib

require.js 81KB

css.js 4KB

seajs-css.js 3KB

underscore.js 47KB

zepto.js 55KB

seajs-preload.js 545B

zepto.touch.js 4KB

backbone.js 68KB

app.js 1KB

modules

collection

img.js 1KB

list

list.css 1KB

list.js 6KB

model

img.js 1KB

layer

layer.js 4KB

layer.css 541B

sea.js 8KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, width=device-width"> <title>图片搜索引擎</title> </head> <body> <div id="app" style="display: none;"> <section class="list"> <header class="header"> <span class="login">登录</span> <div class="go-back"> <span class="arrow"><span class="arrow green"></span></span> </div> <h1>图片搜索引擎</h1> </header> <div class="search"> <input type="text" placeholder="搜素你想要的图片"> <span>搜一搜</span> </div> <ul class="type clearfix"> <li data-id="0">摄影</li> <li data-id="1">明星</li> <li data-id="2">壁纸</li> <li data-id="3">宠物</li> <li data-id="4">动漫</li> <li data-id="5">风景</li> <li data-id="6">头像</li> <li data-id="7">人物</li> </ul> <div class="image-container"> <div class="left-container"> </div> <div class="right-container"> </div> </div> <span class="go-top">返回<br>顶部</span> </section>  <section class="layer"></section> </div> <script type="text/template" id="tpl_layer"> <div class="layer-container" style="<%=style%>"> <img src="<%=url%>" alt=""> </div> <header class="header hide"> <div class="go-back"> <span class="arrow"><span class="arrow green"></span></span> </div> <h1><%=title%></h1> </header> </script> <script type="text/javascript" src="static/sea.js"></script> <script type="text/javascript" src="static/lib/seajs-css.js"></script> <script type="text/javascript" src="static/lib/seajs-preload.js"></script> <script type="text/javascript" src="static/lib/zepto.js"></script> <script type="text/javascript" src="static/lib/zepto.touch.js"></script> <script type="text/javascript" src="static/lib/underscore.js"></script> <script type="text/javascript" src="static/lib/backbone.js"></script> <script type="text/javascript"> // 写配置 seajs.config({ // 简化路径书写 alias: { layer: 'modules/layer/layer', list: 'modules/list/list', imageModel: 'modules/model/img', imageCollection: 'modules/collection/img' } }) // 引入入口文件 seajs.use('app', function (app) { // app是一个函数接口，我们直接执行 app() }) </script> </body> </html>

评论收藏

内容反馈