知识大全 JS模拟的腾讯微博app撕纸效果

Posted 2022-07-20 菜单

篇首语：愁人苦夜长，志士惜日短。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 JS模拟的腾讯微博app撕纸效果相关的知识，希望对你有一定的参考价值。

JS模拟的腾讯微博app撕纸效果 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

< xmlns=" <head> <meta equiv="Content Type" content="text/; charset=utf " /> <title>腾讯微博app撕纸效果</title> <style type=text/css> bodymargin: ;padding: ;font size: px;line height: px; content content_mackwidth: px;height: px;overflow:hidden;font size: px;line height: px;background:#f eee ;cursor:pointer; content_mackposition:absolute;top: px;left: ; mackposition:absolute;width: px;height: px;overflow:hidden;top: px;left: px;background:#fff; bg_sizhiposition:absolute;width: px;height: px;overflow:hidden;background:url( );top: px;left: ;line height: px;text align:center; </style> </head> <body> <div > <div id="content"> <div > 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 id="bg_sizhi">JS模拟的腾讯微博app撕纸效果</div> <div id="mack"> <div 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> </> cha138/Article/program/Java/JSP/201311/20410