三色鼠标效果

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>三色鼠标效果(二) - 石家庄化妆造型   石家庄脱硫泵</title>
</head>
<body bgcolor=black>
<script language="JavaScript">
<!-- 

//Choose colours and size of effect !!
var a_Colour=‘ff0000‘;
var b_Colour=‘ffffff‘;
var c_Colour=‘0000ff‘;
var Size=50;
//Alter nothing below !!

var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.2;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
function ieMouse(){
xpos = document.body.scrollLeft+event.x+6;
ypos = document.body.scrollTop+event.y+16;
}
document.onmousemove = ieMouse;
}

function swirl(){
for (i = 0; i < 3; i++)
 {
  YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep+i*25)/2);
  XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep+i*25)/2)*Math.sin(ThisStep/4);
 }
ThisStep+=step;
setTimeout(‘swirl()‘,10);
}

var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write(‘<layer name=nsa‘+i+‘ top=0 left=0 width=‘+i/2+‘ height=‘+i/2+‘ bgcolor=‘+a_Colour+‘></layer>‘);
document.write(‘<layer name=nsb‘+i+‘ top=0 left=0 width=‘+i/2+‘ height=‘+i/2+‘ bgcolor=‘+b_Colour+‘></layer>‘);
document.write(‘<layer name=nsc‘+i+‘ top=0 left=0 width=‘+i/2+‘ height=‘+i/2+‘ bgcolor=‘+c_Colour+‘></layer>‘);
}
}
else if (document.all){
document.write(‘<div id="ODiv" style="position:absolute;top:0px;left:0px">‘
+‘<div id="IDiv" style="position:relative">‘);
for (i = 0; i < amount; i++)
{
document.write(‘<div id=x style="position:absolute;top:0px;left:0px;width:‘+i/2+‘;height:‘+i/2+‘;background:‘+a_Colour+‘;font-size:‘+i/2+‘"></div>‘);
document.write(‘<div id=y style="position:absolute;top:0px;left:0px;width:‘+i/2+‘;height:‘+i/2+‘;background:‘+b_Colour+‘;font-size:‘+i/2+‘"></div>‘);
document.write(‘<div id=z style="position:absolute;top:0px;left:0px;width:‘+i/2+‘;height:‘+i/2+‘;background:‘+c_Colour+‘;font-size:‘+i/2+‘"></div>‘);
}
document.write(‘</div></div>‘);
}
function prepos(){
var ntscp=document.layers;
var msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
 if (i < amount-1)
 {
 ntscp[‘nsa‘+i].top=ntscp[‘nsa‘+(i+1)].top;ntscp[‘nsa‘+i].left=ntscp[‘nsa‘+(i+1)].left;
 ntscp[‘nsb‘+i].top=ntscp[‘nsb‘+(i+1)].top;ntscp[‘nsb‘+i].left=ntscp[‘nsb‘+(i+1)].left;
 ntscp[‘nsc‘+i].top=ntscp[‘nsc‘+(i+1)].top;ntscp[‘nsc‘+i].left=ntscp[‘nsc‘+(i+1)].left;
 }
else
 {
 ntscp[‘nsa‘+i].top=YDummy[0];ntscp[‘nsa‘+i].left=XDummy[0];
 ntscp[‘nsb‘+i].top=YDummy[1];ntscp[‘nsb‘+i].left=XDummy[1];
 ntscp[‘nsc‘+i].top=YDummy[2];ntscp[‘nsc‘+i].left=XDummy[2];
 }
}
}
else if (document.all){
for (i = 0; i <  amount; i++)
{
 if (i < amount-1)
 {
 msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;
 msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;
 msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;
 }
else
 {
 msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
 msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
 msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
 }
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
// -->
</script>

<br />

</body>
</html>
时间: 2024-07-31 19:39:10

三色鼠标效果的相关文章

Ui培训之如何设计极简三色图标

小编之前在ui培训课程里面了解到,在ui设计当中,时下图标设计流行的是一种不一样的极简风,这样会更加细腻有趣.配色是设计中永恒的话题,在我看来简易更是设计的精髓. Banana Bird 在刚刚接受ui培训的时候,一般会从单色,或者双色结构来授课,就如上图的banana bird图标,如此简易,但也明确体现图标所表达的内容. KZ 然而,许多设计师都认为三种色彩构成的配色是最平衡也是最漂亮的,多一色显得太花,少一色又过于朴素,这也是为什么许多配色方案的构成多为3种色彩.就如小米的包装设计,都是以

算法--三色排序练习题

三色排序练习题 第17节 三色排序练习题 有一个只由0,1,2三种元素构成的整数数组,请使用交换.原地排序而不是使用计数进行排序. 给定一个只含0,1,2的整数数组A及它的大小,请返回排序后的数组.保证数组大小小于等于500. 测试样例: [0,1,1,0,2,2],6 返回:[0,0,1,1,2,2] Java (javac 1.7) 代码自动补全 1 import java.util.*; 2 3 public class ThreeColor { 4 public int[] sortTh

在PHP当中制作隔行换色的效果以及制作上下翻页的效果!

首先说明隔行换色的效果,需要用到tr:nth_child(odd);或者括号里的值是even,odd是从第一行开始隔一行,even是从第二行开始: 具体代码如下图案所示: 1 <style> 2 /*tr:nth-child(even){*/ 3 /*background: #cad9ea;*/ 4 /*}*/ 5 </style> 在数据库当中查询第几条开始和我们需要显示的数据只要几条:我们可以用到limin语句,具体代码如下: 1 $sql = "select * f

【三色汉诺塔】

/* 三色汉诺塔 */ #include <stdio.h> void hanoi(int disks, char source, char temp, char target) { if(disks == 1) { printf("move disk from %c to %c \n", source ,target); printf("move disk from %c to %c \n", source ,target); printf("

冲击力的红蓝白三色碰撞

具有视觉冲击力的红蓝白三色碰撞,牢牢吸引注意力.蕾丝拼接立领短袖T恤 一年四季,轮回交替,我们都希望四季如春,但冬天的到来并不以你的意志为转移.没有冬天只有春夏也会很单调,就 如同南方那些从没去过北方的人们,总是好奇雪是什么样的味道,一场没膝的大雪就能让他们啧啧称奇,冬天有冬天的美景, 你在其它季节里根本看不到.貉子毛领羽绒服 你也许会觉得T恤太过轻佻随意,只适合那些每天无所事事的大学生.但是亲爱的,如果不是每天都要参加一场严肃的 会议或收到一次隆重的约会邀请,那么你有什么理由不肯脱下束缚的修身

BZOJ1864[ZJOI2006]三色二叉树[树形DP]

1864: [Zjoi2006]三色二叉树 Time Limit: 1 Sec  Memory Limit: 64 MBSubmit: 773  Solved: 548[Submit][Status][Discuss] Description Input 仅有一行,不超过500000个字符,表示一个二叉树序列. Output 输出文件也只有一行,包含两个数,依次表示最多和最少有多少个点能够被染成绿色. Sample Input 1122002010 Sample Output 5 2 HINT

Splash闪屏页-三种动画效果

三种动画效果 旋转 RotateAnimation 缩放 ScaleAnimation 渐变 AlphaAnimation 动画效果集合 AnimationSet 1 // 初始化欢迎页面的动画 2 3 private void initViews(){ 4 5 RelativeLayout rlRoot = (RelativeLayout) findViewById(R.id.rl_root); 6 7 RotateAnimation rotate = new RotateAnimation(

从三亿鼠标到六亿用户,电竞风口上CF如何再创奇迹?

近来<穿越火线>(CF)动作频频,其中这两件事最引人关注--其一是8月6日,CF将举办一场颇为隆重的九周年火线盛典,并将在盛典上宣布一系列涉及CF(含端游.手游及整个IP运作)未来发展的一系列规划.另一项,则是CF马上将要在7月底到8月初,同时举办CFGI(CF国际邀请赛),与CFMI(CF手游亚洲挑战赛)两项国际化赛事. 虽然我们尚无法得知CF即将公布的具体规划,但从CF近期如此密集的动作,以及开始大举发力双端国际赛事的举动来看,其未来的发展,势必将依托于当前电子竞技井喷的这一时代背景,立足

Qt计算器开发(三):运行效果及项目总结

运行效果 工程目录 Counter |--- Counter.pro |--- 头文件 |      |--- aboutdialog.h |      `--- mainwindow.h |--- 源文件 |      |--- aboutdialog.cpp |      |--- main.cpp |      `--- mainwindow.cpp `--- UI文件 |--- aboutdialog.ui `--- mainwindow.ui 总结 项目 这个工程的Ui部分我是直接使用