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

随机推荐

apache commons math 示例代码
apache commons Math是一组偏向科学计算为主的函数,主要是针对线性代数,数学分析,概率和统计等方面. 我虽然是数学专业毕业,当年也是抱着<数学分析>啃,但是好久不用,这些概 ...
前端使用js读取文件
最近同时问我js能不能读取本地文件: 想起以前看到js读取本地文件的文章,然后自己写了个demo. ps:这有点想Java的IO流,但是又有差别. 首先我们定义一个input标签type=" ...
angularjs的三目运算
前言:前几天写代码的时候遇到一个问题,有一个按钮,有"已关注"和"+关注"两种状态,需要对这两种状态的按钮的背景颜色进行区分,单后点击"已关注&quo ...
关于sql的关联排序
个人觉得对sql的玩转其实是sql中各种函数方法的理解的透彻. 原始数据表要求查询的结果排序其实刚看题目可能觉得要用group by但是再网下继续思考可能就没有思路了但是如果你接触过over的试 ...
UMLl类图实例
下面是类图的实例(好像大话设计中有): UML中类图实例接口:空心圆+直线(唐老鸭类实现了‘讲人话’):依赖:虚线+箭头(动物和空气的关系):关联:实线+箭头(企鹅需要知道气候才迁移):聚合:空心四 ...
eclipse 自动排版
自动排版: ctrl + i 同名变量高亮: shift+alt+ o 导包: shift+ctrl +o
python之SQLAlchemy
ORM介绍 orm英文全称object relational mapping,就是对象映射关系程序,简单来说我们类似python这种面向对象的程序来说一切皆对象,但是我们使用的数据库却都是关系型的,为 ...
Centos7 关闭防火墙（Firewalld ），使用防火墙（iptables）
1.直接关闭防火墙 systemctl stop firewalld.service: #停止firewall systemctl disable firewalld.service: #禁止fire ...
[转]C#常用开源类库收集
.net PDF 类库 PDFsharp PDFsharp是一款可以让.NET框架支持的任何语言很容易的创建PDF文件的类库. ASP.NET FO PDF FO PDF 是一款C#编写类似于ASP. ...
GOLANG 基本数据类型整型
基本数据类型-整型种类有符号(负号) int8 int16 int32 int64 无符号(无符号) uint8 uint16 uint32 uint64 架构特定(取决于系统位 ...

仿W8屏保

仿W8屏保的更多相关文章

随机推荐

热门专题