一套仿win8的Jquery特效网站_win10仿win7皮肤资源-CSDN文库

共42个文件

jpg：20个

js：7个

gif：5个

Win8

Jquery

网页

需积分: 10 36 浏览量 2014-08-24 18:32:09 上传评论收藏 382KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

win8.zip （42个子文件）

win8

css

bottom.css 826B

style.css 2KB

images

8.jpg 13KB

15.jpg 12KB

14.jpg 11KB

2.jpg 7KB

1.jpg 10KB

6.jpg 9KB

new.gif 392B

3.jpg 13KB

5.jpg 13KB

cancel.jpg 8KB

line.jpg 12KB

11.jpg 13KB

4.jpg 10KB

10.jpg 11KB

17.jpg 11KB

18.jpg 10KB

13.jpg 17KB

16.jpg 12KB

arrows.png 5KB

12.jpg 16KB

9.jpg 13KB

7.jpg 9KB

win8.html 4KB

jquery.js 49KB

win8.js 4KB

layer

layer.min.js 17KB

extend

layer.ext.js 4KB

skin

layer.ext.css 1KB

layer.css 4KB

default

xubox_loading1.gif 701B

xubox_ico0.png 31KB

xubox_loading2.gif 2KB

Thumbs.db 37KB

xubox_loading0.gif 6KB

xubox_loading3.gif 2KB

textbg.png 210B

xubox_title0.png 221B

layer.js 32KB

jquery.movingboxes.js 21KB

jquery-1.8.0.min.js 90KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>win8效果展现</title> <link type="text/css" href="css/style.css" rel="stylesheet"> <link type="text/css" href="css/bottom.css" rel="stylesheet"> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type = "text/javascript" src="js/jquery.movingboxes.js"></script> <script type = "text/javascript" src="js/layer/layer.js"></script> <script type = "text/javascript" src="js/win8.js"></script> <script type="text/javascript"> var confirmDel = '确认删除该图标?'; var confirmAdd = '确认添加该图标?'; var successAdd = '添加成功'; var successDel = '删除成功'; var conBtn = '确认'; var canBtn = '取消'; var newAdd = '请单击new展现隐藏的图标'; var newTime = 5000; var time = 2500;//单击新增图标时，出现浮动文字停留的时间，单位：毫秒 var message = '请双击下方图标进行添加';//单击new时的提示信息 var pointTime = 1500;//单击大图片时提示信息停留1.5秒 var hiddeTime = 5000;//鼠标移到小图标的提示信息的悬浮时间 var pleaseAdd = '请双击图标进行添加';//鼠标移到小图标上面时的提示信息 var dblClickMsg = '双击图片可以将图片删除';//鼠标移到大图标上面时的提示信息 var welCome = '欢迎来到仿win8效果展示'; </script> </head> <body> <div class = 'win8' >  <ul id="focus"> <li class = 'point'><img id = '8' class = 'addAbled' src="images/8.jpg"></li> <li class = 'point'><img id = '9' class = 'addAbled' src="images/9.jpg"></li> <li class = 'point'><img id = '10' class = 'addAbled' src="images/10.jpg"></li> <li class = 'point'><img id = '11' class = 'addAbled' src="images/11.jpg"></li> <li class = 'point'><img id = '12' class = 'addAbled' src="images/12.jpg"></li> <li class = 'point'><img id = '13' class = 'addAbled' src="images/13.jpg"></li> <li class = 'point'><img id = '14' class = 'addAbled' src="images/14.jpg"></li> <li class = 'point'><img id = '14' class = 'addAbled' src="images/15.jpg"></li> <li class = 'point'><img id = '14' class = 'addAbled' src="images/16.jpg"></li> <li class = 'point'><img id = '14' class = 'addAbled' src="images/17.jpg"></li> <li class = 'point'><img id = '14' class = 'addAbled' src="images/18.jpg"></li> </ul>  <span class = "newImg"><img src="images/new.gif"/><img src='images/line.jpg'/> <div class = "newPic"><span>   </span></span> <span id = 'hiddenPic'> <span class ='hideDiv'><img id = '1' class = 'hidImg' src="images/1.jpg"><span>   </span></span> <span class ='hideDiv'><img id = '2' class = 'hidImg' src="images/2.jpg"><span>   </span></span> <span class ='hideDiv'><img id = '3' class = 'hidImg' src="images/3.jpg"><span>   </span></span> <span class ='hideDiv'><img id = '4' class = 'hidImg' src="images/4.jpg"><span>   </span></span> <span class ='hideDiv'><img id = '5' class = 'hidImg' src="images/5.jpg"><span>   </span></span> <span class ='hideDiv'><img id = '6' class = 'hidImg' src="images/6.jpg"><span>   </span></span> <span class ='hideDiv'><img id = '14' class = 'hidImg' src="images/7.jpg"><span>   </span></span> <span class ='cancel'><img class = 'cancelImg' src="images/cancel.jpg"></span><span>   </span> </span></div> </div> </body> </html>

评论收藏

内容反馈