微信摇一摇抽签特效（可修改成抽奖效果）.rar资源-CSDN文库

共30个文件

jpg：20个

png：4个

js：2个

HTML5_CSS3源码-HTML5游戏

3星 · 超过75%的资源需积分: 45 155 浏览量 2019-07-10 17:43:10 上传评论 1 收藏 4.83MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

qianwei.rar （30个子文件）

codesc.net

非常火的微信抽签&微信求签

Upload

button.png 15KB

index.html 2KB

share.png 5KB

bg.jpg 20KB

234.png 74KB

zepto.min.js 25KB

Thumbs.db 135KB

decode.png 29KB

index.js 2KB

thumbnail.gif 14KB

签文

你谢见.jpg 178KB

白首.jpg 165KB

知足.jpg 136KB

转运.jpg 184KB

自由.jpg 122KB

喜结.jpg 255KB

勇气.jpg 173KB

气愈.jpg 297KB

利事.jpg 313KB

任性.jpg 150KB

旅行.jpg 224KB

蜜恋.jpg 266KB

良缘.jpg 285KB

勤学.jpg 252KB

安产.jpg 268KB

断舍离.jpg 169KB

Thumbs.db 678KB

温柔.jpg 177KB

孤独.jpg 156KB

佑儿.jpg 301KB

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>2015乙未羊，为自己摇枚新年签！</title> <style> @keyframes play { 100%{ background-position: -737px -2px; } } @-webkit-keyframes play { 100%{ background-position: -737px -2px; } } .sprite { width:145px; height:300px; display:inline-block; overflow:hidden; background-repeat: no-repeat; background-image:url(234.png); background-position: -2px -2px; animation: play 0.8s steps(5) infinite; -webkit-animation: play 0.8s steps(5) infinite; } .preload { background-position: 9999px 9999px; width: 1px; height: 1px; display: none; } body { background: url(bg.jpg) no-repeat #E8DFD0; background-size: cover; } html, body{ margin: 0; width: 100%; height: 100%; } .do { background: url(button.png) no-repeat center; background-size: cover; width: 100%; height: 15%; margin: 0 auto; position: fixed; bottom: 20%; text-align: center; color: #666; line-height: 180px; cursor: pointer; } .cover { background: url(share.png) top right no-repeat; background-size: 50%; background-color: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; } .decode .inner { width: 100%; height: 100%; background: url(decode.png) center no-repeat; background-size: 80%; } .item { width: 100%; text-align: center; padding-top: 20%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> </head> <body> <div style="display:none"> <img src="thumbnail.gif" /> <p>这是对过去的感悟和对新年的祈望，希望它能为你带来好运…………………………</p> </div> <div class="do">摇一摇手机</div> <div class="cover result"> <div class="item"> <div class="sprite a1"></div> </div> </div> <div class="cover decode"> <div class="inner"></div> </div> <script src="zepto.min.js"></script> <script src="index.js?20150109"></script> </body> </html>

评论收藏

内容反馈