<!doctype>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/StackBlur.js" type="text/javascript"></script>
</head>
<body>
<img src='img/360wallpaper.jpg' id='BgImg' />
<div id='main'>
</div>
<canvas id='canvas' ></canvas>
</body>
<script>
//拖动
function change(obj,moves)
{
moves.onmousedown=function(ev)
{
var disx=0;
var disy=0;
var oev=ev||event;
disx=oev.clientX-obj.offsetLeft;
disy=oev.clientY-obj.offsetTop;
document.onmousemove=function(ev)
{
var oev=ev||event;
var l=oev.clientX-disx; //DIV x轴位置
var t=oev.clientY-disy; //DIV y轴位置
if(l<0)
{
l=0;
}
else if(l>document.documentElement.clientWidth-obj.offsetWidth)
{
l=document.documentElement.clientWidth-obj.offsetWidth;
}
if(t<0)
{
t=0;
}
obj.style.left=l+"px";
obj.style.top=t+"px";
Blur();
}
document.onmouseup=function()
{
Blur();
document.onmousemove=null;
document.onmouseup=null;
}
return false; //组织默认事件
}
}
function Blur(){
stackBlurImage( 'BgImg', 'canvas', 32,'main' );
}
window.onload=function(){
var aa = document.getElementById("canvas");
var bb = document.getElementById("main");
change(bb,bb);
}
</script>
</html>
HTML5毛玻璃
4星 · 超过85%的资源 需积分: 49 167 浏览量
2015-04-20
09:24:54
上传
评论 1
收藏 1.63MB RAR 举报 
Yh.rar （11个子文件） 
Yh css 
index.css 386B public.css 21B img 
bg3.jpg 494KB bg2.jpg 256KB 360wallpaper.jpg 533KB 360wallpaper_dt.jpg 316KB bg.jpg 127KB js tuozhuai.js 4KB jquery-1.7.2.min.js 91KB StackBlur.js 17KB
index.html 1KB资源评论
和平世界的守护者2017-11-03毛玻璃demo
暗蓝2018-03-16额一般般来着
HighflyerXue2017-03-04毛玻璃demo
