<!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "
<html xmlns="<head><meta http
equiv="Content
Type" content="text/html; charset=utf
" /><title>腾讯微博app撕纸效果</title><style type="text/css">body{margin:
;padding:
;font
size:
px;line
height:
px;}
content
content_mack{width:
px;height:
px;overflow:hidden;font
size:
px;line
height:
px;background:#f
eee
;cursor:pointer;}
content_mack{position:absolute;top:
px;left:
;}
mack{position:absolute;width:
px;height:
px;overflow:hidden;top:
px;left:
px;background:#fff;}
bg_sizhi{position:absolute;width:
px;height:
px;overflow:hidden;background:url(
);top:
px;left:
;line
height:
px;text
align:center;}</style></head><body><div style="width:
px;height:
px;overflow:hidden;position: relative;float:left;"><div class="content" id="content"> <div class="content">
MCerberus FTP Server 中文版
FTP软件
MWeb Page Maker简易网页制作 v
网页制作
KRemote Desktop Spy服务器监控
远程控制 v
服务器软件
Kx
远程端口修改器
服务器软件
K远程桌面
批量登录软件
远程控制
KTable
CSS Table布局转Div+CSS
！
Mjre
下载 | jre
JAVA虚拟机环境包编程开发
KVC++正则表达式测试器编程开发
K解除右键限制
网页禁止复制功能的小软件站长工具
MDiagram Designer矢量图编辑器
</div> <div class="bg_sizhi" id="bg_sizhi">JS模拟的腾讯微博app撕纸效果</div> <div class="mack" id="mack"><div class="content content_mack" id="content_mack">
KC#自动更换IP地址网络相关
KC#网络发送与接收统计程序网络相关
K局域网IP扫描程序C#源码网络相关
K前后平滑旋转的jQuery网页幻灯片代码焦点幻灯
KVB RichTextBox控件使用方法指南 pdfVB教程
KVB 函数速查手册 pdfVB教程
KHTML
和CSS全面动画效果的焦点图特效焦点幻灯
K类似树形菜单的jquery多级展开下拉菜单菜单导航
K仿Flash背景左右滑动的多彩网页菜单菜单导航
MJava范例开发大全一书光盘源代码书籍源码
KAndroid与Js交互源码实例Android滑动菜单制作RenRenSlidingLayout代码Android源码
KFlat UI HTML用户界面常用代码包Ajax/JavaScript
KJavaScript仿百度百科词条统计动画效果Ajax/JavaScript
Kjquery由外向内的收缩效果示例jQuery
KDelphi Mode属性用法举例控件组件
KStartPos属性
Delphi用法其它类别
KNotifyValue属性用法一例Delphi源代码其它类别
</div> </div></div></div><script>function $(id){/* 获取id */ return typeof id === "string" ? document
getElementById(id) : id;}function getStyle(obj
attr){ return obj
currentStyle?obj
currentStyle[attr]:getComputedStyle(obj
false)[attr];}function startMove(obj
json
fnEnd){ if(obj
timer){ clearInterval(obj
timer); } obj
timer=setInterval(function (){ doMove(obj
json
fnEnd); }
); var oDate=new Date(); if(oDate
getTime()
obj
lastMove>
){ doMove(obj
json
fnEnd); }}function doMove(obj
json
fnEnd){ var iCur=
; var attr=
; var bStop=true;//假设运动已经该停止了 for(attr in json){ iCur = attr==
opacity
?parseInt(
*parseFloat(getStyle(obj
opacity
))):parseInt(getStyle(obj
attr)); if(isNaN(iCur)){ iCur=
; } var iSpeed=(json[attr]
iCur)/
; iSpeed=iSpeed>
?Math
ceil(iSpeed):Math
floor(iSpeed); if(parseInt(json[attr])!=iCur){ bStop=false; } if(attr==
opacity
){ obj
style
filter="alpha(opacity:"+(iCur+iSpeed)+")"; obj
style
opacity=(iCur+iSpeed)/
; } else{ obj
style[attr]=iCur+iSpeed+
px
; } } if(bStop){ clearInterval(obj
timer); obj
timer=null; if(fnEnd){ fnEnd(); } } obj
lastMove=(new Date())
getTime();}var flag =
;$(
content
)
onclick = function(ev){ var oEvent=ev||event; if(!flag){ var Y = oEvent
clientY
; Y = Y<
?
:Y; Y = Y>
?
:Y; $(
bg_sizhi
)
style
top = $(
mack
)
style
top = Y+
px
; $(
content_mack
)
style
top =
Y+
px
; startMove($(
mack
)
{
left
:
}); flag =
; }else{ startMove($(
mack
)
{
left
:
}); flag =
; }}</script></body></html>
