<!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>
一套仿win8的Jquery特效网站
需积分: 10 121 浏览量
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 js 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资源评论
