仿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是当充电的设备空闲,或者插入底座时 ...

随机推荐

使用IO流实现一个简单的小Dome
(一) 在电脑D盘下创建一个文件为HelloWorld.txt文件,判断他是文件还是目录,在创建一个目录IOTest,之后将HelloWorld.txt移动到IOTest目录下去:之后遍历IOTest ...
php使用内置的mcrypt_encrypt和mcrypt_decrypt进行字符串加密解密
<?php /*****************************加密*******************************/$key = "miyao";// ...
Android线程中设置控件
在Android中经常出现多线程中设置控件的值报错的情况,今天教大家封装一个简单的类避免这样的问题,同样也调用实现也非常的方便. 自定义类: /** * Created by wade on 2016 ...
Chapter 2: 随机变量
1. 随机变量, 离散型随机变量,连续型随机变量设$\Omega$为随机试验的样本空间,$X:\Omega \rightarrow R$是定义在样本空间$\Omega$上的实值函数,则称$X$为随机 ...
linux下发现可疑用户时处理办法
如果发现了linux被可疑用户远程登录了,怎么解决呢? 1.先查看最近系统的登录情况 last -10 表示最近10个用户登录的信息,如果发现有可疑账户,就是密码被破解了 [root@localhos ...
历尽磨难之PL/SQL链接Oracle数据库
说起来都是泪啊,上司布置的任务需要远程连接Oracle数据库,说实话这又是我人生中的第一次.我听到以后觉得不是什么大问题,然而我错了..错的很厉害! 我搞了一天一夜才弄好,这里面原因有很多,大体来讲还 ...
学习git与github的二三事（一）
前一段时间看到了一个参加机器人比赛的同学写的经验之谈,他提到了在比赛时,希望同学们学习一下git来管理代码,于是我就某度了一下,发现了廖雪峰老师的网站,受益匪浅,持续学习中,拜谢大神,顺便记录一下自己 ...
Cheatsheet: 2016 11.01 ~ 11.30
Web Getting Started With Vapor: A Swift Web Framework Front-end vs Back-end vs Network Performance S ...
php数据类型及转换
sublime使用小技巧——自动保存后缀名与自动匹配语法
1,打开sublime 2,新建文件 3,ctrl+shift+p 4,输入ss(set syntax),在下拉列表中选择需要的语言列表很多,可以输入相关快捷键如:html-->ssh cs ...

仿W8屏保

仿W8屏保的更多相关文章

随机推荐

热门专题