<!DOCTYPE html>
<html>
<head>
<title>小型婚礼</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<link rel="stylesheet" href="css/reset.css"/>
<link rel="stylesheet" href="css/index.css"/>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.2.custom.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</head>
<body>
<!--[if ie 6]>
<style type="text/css">
.mask {position: absolute; height: 800px;}
.pop-box {_position: absolute;}
</style>
<![endif]-->
<div class="box">
<!-- 场景一 -->
<div class="first-box">
<div class="first-horn">
<img src="images/first_horn.jpg"/>
</div>
<div class="first-txt">
<div class="txt1"><img src="images/first_txt1.jpg"/></div>
<div class="txt2"><img src="images/first_txt2.jpg"/></div>
</div>
</div>
<!-- 场景二 -->
<div class="second-box">
<div class="second-people">
<img src="images/second_people.jpg"/>
</div>
<div class="second-txt">
<img src="images/second_txt.jpg"/>
</div>
</div>
<!-- 场景三 -->
<div class="three-box">
<div class="three-img">
<img src="images/three_img.jpg"/>
</div>
</div>
<!-- 场景四 -->
<div class="fore-box">
<div class="fore-img">
<img src="images/fore_img.jpg"/>
</div>
</div>
<!-- 场景五 -->
<div class="five-box">
<div class="five-img">
<img src="images/five_img.jpg"/>
<div class="u-enter">进入婚礼</div>
</div>
</div>
<!-- 场景六 -->
<div class="six-box">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<!-- 场景七 -->
<div class="seven-box">
<div class="clickMe">点我送祝福</div>
<div class="seven-content">
<div class="note-a1"></div>
<div class="note-a2"></div>
<div class="note-a3"></div>
<div class="note-a4"></div>
<div class="note-a5"></div>
<div class="note-a6"></div>
<div class="note-a7"></div>
<div class="note-a8"></div>
<div class="note-a9"></div>
<div class="note-a10"></div>
<div class="note-a11"></div>
<div class="note-a12"></div>
<div class="note-1">一定要幸福哦~</div>
<div class="note-2">祝你们白头偕老!</div>
<div class="note-3">早生贵子~</div>
<div class="note-4">新婚快乐~</div>
<div class="note-5">生个宝宝认我做干妈!</div>
<div class="note-6">喜结良缘O(∩_∩)O哈哈哈~</div>
<div class="note-1">一定要幸福哦~</div>
<div class="note-2">祝你们白头偕老!</div>
<div class="note-3">早生贵子~</div>
<div class="note-4">新婚快乐~</div>
<div class="note-5">生个宝宝认我做干妈!</div>
<div class="note-6">喜结良缘O(∩_∩)O哈哈哈~</div>
</div>
</div>
</div>
<!-- 遮罩层 -->
<div class="mask"></div>
<div class="pop-box">
<h1>送上祝福语</h1>
<textarea id="write">写上您的祝福吧~</textarea>
<div class="u-sure" id="uSure">确定</div>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
jquery版小型婚礼(可动态添加祝福语)程序文件
共48个文件
jpg:26个
xml:7个
psd:6个
5星 · 超过95%的资源 需积分: 50 1.4w 下载量 192 浏览量
2014-06-14
11:32:30
上传
评论 275
收藏 3.6MB RAR 举报
温馨提示
1:场景一主要有两个功能,第一个是控制左边图片,第二个是让右边文字逐一显示。 2:场景二功能简单一点,只控制左边人物出现,紧接着是文字显示。 3:场景三功能控制图片弹跳显示,我用for循环控制弹跳距离。 4:场景四控制图片从顶部往下滑落,停留1秒然后滑向右侧直至消失。 5:场景五慢慢显现,可点击进入婚礼。 6:场景六显现停留1.6秒,然后以碎片的形式向外散开。 7:场景七祝福贴纸随机排布,并且可拖动祝福贴纸。 8:添加祝福语中,需填写祝福语,否则不让提交。可提交的祝福语便随机散布在祝福墙中,可实现随意拖动功能,
资源推荐
资源详情
资源评论
收起资源包目录
blessingWall.rar (48个子文件)
blessingWall
index.html 5KB
ps
first_txt.psd 133KB
scene.psd 2.51MB
first_horn.psd 647KB
note.psd 971KB
six_center_img.psd 640KB
second_people.psd 489KB
images
old
five_img.jpg 38KB
2.jpg 102KB
6.jpg 17KB
1.jpg 80KB
4.jpg 64KB
horn.jpg 35KB
5.jpg 24KB
7.jpg 226KB
3.jpg 15KB
seven_bg.jpg 42KB
first_txt.jpg 35KB
five_img.jpg 93KB
fore_img.jpg 89KB
first_txt2.jpg 11KB
images
first_txt_01.jpg 1KB
first_txt_06.jpg 1KB
first_txt_04.jpg 1KB
first_txt_07.jpg 1KB
first_txt_03.jpg 1KB
first_txt1.jpg 11KB
second_people.jpg 46KB
three_img.jpg 36KB
first_horn.jpg 34KB
six_center_img.jpg 28KB
clickMe.jpg 21KB
note.png 105KB
second_txt.jpg 30KB
js
jquery-ui-1.10.2.custom.js 426KB
index.js 8KB
jquery-1.10.2.js 268KB
.idea
libraries
sass_stdlib.xml 234B
misc.xml 338B
workspace.xml 16KB
.name 12B
encodings.xml 171B
blessingWall.iml 292B
modules.xml 287B
scopes
scope_settings.xml 143B
vcs.xml 173B
css
index.css 4KB
reset.css 1KB
共 48 条
- 1
tattoo_ya
- 粉丝: 4
- 资源: 15
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
- 4
- 5
- 6
前往页