仿W8屏保

 <!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>防W8系统屏保</title>

 <script>

 (JS={

     $:function(o){return typeof o=="string"?document.getElementById(o):o},

     dingwei:false,

     shubiao:0,

     weizhi:0,

     on:function(o,type,fn){o.attachEvent?o.attachEvent('on'+type,function(){fn.call(o)}):o.addEventListener(type,fn,false);return JS.on},

     fn1:function(o,attr){

     e= arguments.callee.caller.arguments[0]||window.event;

     var b=e.clientY

     this.shubiao=b;

     this.dingwei=true;

     this.weizhi=parseInt(o.style[attr])

     clearInterval(o["ll"])

     },

     fn2:function(o,attr){

     if(this.dingwei){

     var d= arguments.callee.caller.arguments[0]||window.event;

     var dd=d.clientY-this.shubiao;

     var cc=this.weizhi+dd;

     if( dd<=0){

     o.style[attr]=cc+"px"

     }

     }

     },

     fn3:function(o,attr){

      this.dingwei=false;

      var gg=parseInt(o.style[attr]);

      clearInterval(o["ll"]);

      if(gg<-300)

      {

      o["ll"]=setInterval(function(){ gg-=5; o.style[attr]=gg+"px"; if(gg<-(screen.height)){

      clearInterval(o["ll"])

      }

      },10)

      }

      else if(gg>=-300&&gg<-5){

      o["ll"]=setInterval(function(){ gg+=5; o.style[attr]=gg+"px"; if(gg>=-5){

      clearInterval(o["ll"])

      }

      },10)

      }

      },

 }).on(window,"load",function(){

       var Q=JS.$("bb");

       JS.on(Q,"mousedown", function(){ JS.fn1(Q,"top")})

       (Q,"mousemove",function(){ JS.fn2(Q,"top")})

       (Q,"mouseup",function(){JS.fn3(Q,"top")})

       (Q,"mouseout",function(){JS.fn3(Q,"top")})

 })

 </script>

 </head>

 <body>

 <div id="bb" style=" position:absolute; top:0px; left:0px; width:100%;height:100%; cursor:pointer; background-color:#06F;">

 </div>

 </body></html>

面向对象：

 <!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>无标题文档</title>

 </head>

 <script type="text/javascript">

 function WP8(id){

 var $this=this;

 this.kongzhi=false;

 this.cY1=null;

 this.cY2=null;

 this.weizhi=null;

 this.oid=document.getElementById(id);

 this.oid.onmousedown=function(e){var e=e||window.event; $this.cY1=e.clientY;$this.fn1()};

 this.oid.onmousemove=function(e){var e=e||window.event; $this.cY2=e.clientY;$this.fn2()};

 this.oid.onmouseup=function(){$this.fn3()};

 this.oid.onmouseout=function(){$this.fn3()};

 };

 WP8.prototype.fn1=function(){

 this.kongzhi=true;

 this.weizhi=parseInt(this.oid.style["top"]);

 };

 WP8.prototype.fn2=function(){

 if(this.kongzhi&&(this.cY2-this.cY1)<0){

 this.oid.style["top"]=this.weizhi+(this.cY2-this.cY1)+"px";

 }    

 };

 WP8.prototype.fn3=function(){

 this.kongzhi=false;

 var this1=this

 var gg=parseInt(this.oid.style["top"]);

 clearInterval(this['qingchu']);

 if(gg<-300){

 this['qingchu']=setInterval(function(){

 gg-=5;

 this1.oid.style["top"]=gg+"px";    

 if(gg<-(screen.height)){clearInterval(this1['qingchu']);}

 },10)

 }

  else if(gg>=-300&&gg<-5){

 this['qingch']=setInterval(function(){

 gg+=5;

 this1.oid.style["top"]=gg+"px";        

 if(gg>=0){clearInterval(this1['qingch']);}

 },10 )

 }

 };

 window.onload=function(){

 new WP8("bb")

 }

 </script>

 <body>

 <div id="bb" style=" position:absolute; top:0px; left:0px; width:100%;height:100%; cursor:pointer; background-color:#06F;">

 </div>

 </body>

 </html>

仿W8屏保的更多相关文章

一个仿windows泡泡屏保的实现
一个仿windows泡泡屏保的实现有天看到有人在百度知道上问windows 泡泡屏保该怎么用C#做,一时有趣,就做了一个出来,对于其中几个要点总结如下: 一,屏保程序的制作要求屏保程序的扩展名是. ...
C#制作简易屏保
前言:前段时间,有个网友问我C#制作屏保的问题,我瞬间懵逼了(C#还可以制作屏保!).于是我去查阅相关资料,下面把C#如何制作屏保的过程及我学习过程的心得也记录下来,希望对需要的人能有帮助. 基本思路 ...
Linux关闭休眠和屏保模式
本人因为特殊需求,想让某台Linux主机始终显示某个程序,显示器不能关机或者休眠或进入屏保模式. 环境:Ubuntu 11.10 最小化模式安装并安装有轻量级桌面openbox(非gnome).因为X ...
[AIR] AS3.0设置屏保功能
package com.controls { import flash.desktop.NativeApplication; import flash.events.Event; import fla ...
Win XP 如何禁用屏保
如果你试过 “在桌面空白处点击右键-[属性]-[屏幕保护程序],选择[无],点击[确定]”后,当时是可以去掉屏保.但如果重启计算机或者从待机状态唤醒后,屏保依然会出现,那么你可以试试下面的方法. 首先 ...
wpf 制作播放视频的屏保程序、而且能分屏显示
这个程序用到了WPF里 “visual_Brush”(主要是为了实现分屏显示) , “UserControl” ,这两个知识点: 在屏保状态下播放指定文件夹下的视频,而且能分屏显示: 把编译好的屏保 ...
C#制作简易屏保（转）
C#制作简易屏保[原创] 原始网址: http://www.cnblogs.com/drizzlecrj/archive/2006/10/06/522182.html 2006-10-06 16:25 ...
python写的屏保程序
__author__ = 'ChenYan' from random import randint from tkinter import * class Randball(): def __init ...
Android - Daydream 互动屏保
Android Daydream 互动屏保 API19 API23 Create:2016-03-01 继承DreamService来实现一个自定义屏保 Dreams是当充电的设备空闲,或者插入底座时 ...

随机推荐

Linux_用户级_常用命令（2）：cd
开篇语:懒是人类进步的源动力本文原创,专为光荣之路公众号所有,欢迎转发,但转发请务必写出处! Linux常用命令第二集包含命令:cd 一.格式: cd directory 使用cd命令在目录层次间移 ...
prince2 证书有用吗
prince2 证书有用吗 ? 项目管理是一件非常困难的事情,新闻里充斥着虽利润高却未能成功支付的项目案例.这是为什么呢? 最主要的原因是项目工作比日常的商业工作要困难的多.日常的商业工作往往是重复 ...
三分钟学会funsioncharts
由于项目需求需要做一个报表,选择FusionCharts作为工具使用.由于以前没有接触过报表,网上也没有比较详细的fusionCharts教程,所以决定好好研究FusionCharts,同时做一个比较 ...
ubuntu 设置默认的JDK路径
首先查询有多少种JDK已经被安装了 sudo update-alternatives --list java 其次配置你想默认的JDK sudo update-alternatives --conf ...
H5标签--“data自定义数据”
HTML代码部分: <div id="div1" data-zg="中国人" data-zgr="我们是祖国的儿女,我爱祖国"> ...
Network of Schools --POJ1236 Tarjan
Network of Schools Time Limit: 1000MS Memory Limit: 10000K Description A number of schools are conne ...
node的 thunkify模块说明
thunkify这种函数其实就是python的decorator方式,对目标方法进行一步步的wrap,但是这种方式和generator结合起来就会威力无穷了,实现自动异步功能. thunkify使用一 ...
all ,any，abs的使用
#!/usr/bin/env python #all循环参数,如果每个元素都为真,那么all的返回值为真 r = all([True,'sad','asd']) print(r) #any 只有一个真 ...
gulp 安装笔记
1.全局安装cnpm(淘宝的npm国内镜像),gulp,rimraf(卸载用插件)npm install -g cnpm --registry=https://registry.npm.taobao. ...
移动端web开发基础概念
最近在了解移动端web开发的相关知识,有些概念总是模糊不清,这次花费了一些时间整体的梳理了一遍. 分辨率分辨率可以从显示分辨率与图像分辨率两个方向来分类.显示分辨率(屏幕分辨率)是屏幕图像的精密度, ...

仿W8屏保

仿W8屏保的更多相关文章

随机推荐

热门专题