⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 07c.htm

📁 JAVASCROPT网页特效全站
💻 HTM
字号:
🔍 
<html>
<head>
<title>跟随鼠标的星星</title>
<meta http-equiv="目录类型" content="文本/html; 字符集=gb2312">
<style type="text/css">
<!--
a{font-style:normal;text-decoration:none;color:white}
a:hover {BACKGROUND:red;font-style:normal;text-decoration:none;color:yellow}
a:active {font-style:normal;text-decoration:none;color:yellow;}
.white {  color: #FFFFFF}
table {  font-size: 9pt}
-->
</style>
<link rel="stylesheet" href="style.css">
</head>

<body bgcolor="#009900" topmargin="0" leftmargin="0">
<form name="form">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr bgcolor="#009900"> 
      <td colspan="3" height="18">&nbsp; </td>
    </tr>
    <tr> 
      <td bgcolor="#009900" width="18"></td>
      <td align="center" bgcolor="#FFFFFF"> <br>
        <table width="56%" border="0" cellspacing="0" cellpadding="0" height="355">
          <tr> 
            <td rowspan="2" width="16" valign="top"> 
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="white" style="FONT-SIZE: 11pt;">
                <tr bgcolor="#336699" bordercolor="#336699"> 
                  <td style="BORDER-RIGHT: double; BORDER-TOP: double;  BORDER-LEFT: double; BORDER-BOTTOM: double;" height="70"><strong><a href="07.htm">演<br>
                    <br>
                    示</a></strong></td>
                </tr>
                <tr bordercolor="#009900" bgcolor="#009900"> 
                  <td style="BORDER-RIGHT: double; BORDER-TOP: double; BORDER-LEFT: double; BORDER-BOTTOM: double" height="70"><strong><a href="07c.htm">源<br>
                    代<br>
                    码</a></strong></td>
                </tr>
              </table>
            </td>
            <td rowspan="2" width="8" bgcolor="#009900">&nbsp;</td>
            <td align="center" style="BORDER-RIGHT: double; BORDER-TOP: double; FONT-SIZE: 12pt; BORDER-LEFT: double; BORDER-BOTTOM: double" bordercolor="#009900" valign="top"><br>
              <b>跟随鼠标的星星</b> 
              <hr width="92%" size="1" align="center">
              <table  cellspacing="0" cellpadding="0" width="81%">
                <tr> 
                  <td height="30" colspan="2">注释：放在&lt;body&gt;与&lt;/body&gt;之间</td>
                </tr>
                <tr> 
                  <td colspan="2"> 
                    <textarea name="2" onFocus="this.select()" onMouseOver="this.focus()" cols="50" rows="16" wrap="VIRTUAL" style="BACKGROUND-COLOR: #009900;" class="pt9">&lt;script&gt;
/*
Scrolling Image Map/Text Link Tooltip Script- 
Special Thanks to: Rob(http://rob.yeah.net)
                   Miss Ann(http://annworld.126.com)
*/

if (!document.layers&amp;&amp;!document.all)
event=&quot;test&quot;
function showtip2(current,e,text){

if (document.all&amp;&amp;document.readyState==&quot;complete&quot;){
document.all.tooltip2.innerHTML='&lt;marquee style=&quot;border:1px solid black&quot;&gt;'+text+'&lt;/marquee&gt;'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility=&quot;visible&quot;
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('&lt;b&gt;'+text+'&lt;/b&gt;')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval(&quot;scrolltip()&quot;,100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility=&quot;show&quot;
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility=&quot;hidden&quot;
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility=&quot;hidden&quot;
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left&gt;=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
&lt;/script&gt;
&lt;script language=&quot;JavaScript&quot;&gt;
function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep) { //v1.2
//copyright (c)1999 Yaromat, Jaro von Flocken
 if ((document.layers)||(document.all)){
  with (Math) {yynextx= eval(yyfnx)}
  with (Math) {yynexty= eval(yyfny)}
  yycnt=(yyloop &amp;&amp; yycnt&gt;=yystep*yybilder)?0:yycnt+yystep;
  if (document.layers){
    eval(yydiv+&quot;.top=&quot;+(yynexty+yytop))
    eval(yydiv+&quot;.left=&quot;+(yynextx+yyleft))
  }
  if (document.all){
    eval(&quot;yydiv=yydiv.replace(/.layers/gi, '.all')&quot;);
    eval(yydiv+&quot;.style.pixelTop=&quot;+(yynexty+yytop));
    eval(yydiv+&quot;.style.pixelLeft=&quot;+(yynextx+yyleft));
  }
  argStr='YY_Layerfx('+yyleft+','+yytop+',&quot;'+yyfnx+'&quot;,&quot;'+yyfny+'&quot;,&quot;'+yydiv+'&quot;,'+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')';
  if (yycnt&lt;=yystep*yybilder){eval(yydiv+&quot;.yyto=setTimeout(argStr,yyto)&quot;);}
 }

}
function YY_Mousetrace(evnt) { //v1.2 copyright (c)1999 Yaromat
 if (yyns4)
  {if (evnt.pageX) {yy_ml=evnt.pageX;  yy_mt=evnt.pageY;}  }
 else{
   yy_ml=(event.clientX + document.body.scrollLeft);
   yy_mt=(event.clientY + document.body.scrollTop);
 }
 if (yy_tracescript)eval(yy_tracescript)
}
&lt;/script&gt;
&lt;script language=&quot;JavaScript&quot;&gt;
function PopWin()
{
	var PopWin = window.open(&quot;new.htm&quot;,&quot;PopWin&quot;,&quot;toolbar=no,directries=no,scrollBars=yes,height=350,width=400&quot;);
}
&lt;/script&gt;
      &lt;div id=&quot;tooltip2&quot;
style=&quot;position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow&quot;&gt; 
        &lt;layer name=&quot;nstip&quot; width=&quot;1000px&quot; bgcolor=&quot;lightyellow&quot;&gt; &lt;/layer&gt;
      &lt;/div&gt;
      &lt;div id=&quot;yyd0&quot;
style=&quot;position:absolute; left:10px; top:50px; width:3px; height:3px; z-index:1; background-color: #19636c; layer-background-color: #19636c; border: 1px none #000000; clip: rect(0 3 3 0)&quot;&gt;&lt;/div&gt;
      &lt;div
id=&quot;yyd1&quot;
style=&quot;position:absolute; left:20px; top:50px; width:3px; height:3px; z-index:1; background-color: #708574; layer-background-color: #708574; border: 1px none #000000; clip: rect(0 3 3 0)&quot;&gt;&lt;/div&gt;
      &lt;div
id=&quot;yyd2&quot;
style=&quot;position:absolute; left:30px; top:50px; width:3px; height:3px; z-index:1; background-color: #379bbf; layer-background-color: #379bbf; border: 1px none #000000; clip: rect(0 3 3 0)&quot;&gt;&lt;/div&gt;
      &lt;div
id=&quot;yyd3&quot;
style=&quot;position:absolute; left:40px; top:50px; width:3px; height:3px; z-index:1; background-color: #25184c; layer-background-color: #25184c; border: 1px none #000000; clip: rect(0 3 3 0)&quot;&gt;&lt;/div&gt;
      &lt;div
id=&quot;yyd4&quot;
style=&quot;position:absolute; left:50px; top:50px; width:3px; height:3px; z-index:1; background-color: #31bd3c; layer-background-color: #31bd3c; border: 1px none #000000; clip: rect(0 3 3 0)&quot;&gt;&lt;/div&gt;
      &lt;div
id=&quot;yyd5&quot;
style=&quot;position:absolute; left:60px; top:50px; width:3px; height:3px; z-index:1; background-color: #c11efd; layer-background-color: #c11efd; border: 1px none #000000; clip: rect(0 3 3 0)&quot;&gt;&lt;/div&gt;
        &lt;script&gt;
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;
document.onmousemove = YY_Mousetrace;
yy_tracescript = '';

if (yyns4){ document.captureEvents(Event.MOUSEMOVE);
  YY_Mousetrace('',',document.YY_Mousetrace1')}

YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/39.83007847812662))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/34.224861639800686))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd0\']',2000,true,80,0,1);

YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/27.66510707209673))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/9.240632767417667))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd1\']',2000,true,80,0,1);

YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/16.45318944579641))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/16.0564452288292))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd2\']',2000,true,80,0,1);

YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/6.95348954836835))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/44.13697049887155))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd3\']',2000,true,80,0,1);

YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/33.90077294583733))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/2.2378828869411587))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd4\']',2000,true,80,0,1);

YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/37.858312521039835))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/18.083839795990098))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd5\']',2000,true,80,0,1);
&lt;/script&gt;
        &lt;script&gt;
/*
Scrolling Image Map/Text Link Tooltip Script- 
Special Thanks to: Rob(http://rob.yeah.net)
                   Miss Ann(http://annworld.126.com)
*/

if (!document.layers&amp;&amp;!document.all)
event=&quot;test&quot;
function showtip2(current,e,text){

if (document.all&amp;&amp;document.readyState==&quot;complete&quot;){
document.all.tooltip2.innerHTML='&lt;marquee style=&quot;border:1px solid black&quot;&gt;'+text+'&lt;/marquee&gt;'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility=&quot;visible&quot;
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('&lt;b&gt;'+text+'&lt;/b&gt;')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval(&quot;scrolltip()&quot;,100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility=&quot;show&quot;
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility=&quot;hidden&quot;
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility=&quot;hidden&quot;
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left&gt;=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
&lt;/script&gt;
        &lt;script language=&quot;JavaScript&quot;&gt;
function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep) { //v1.2
//copyright (c)1999 Yaromat, Jaro von Flocken
 if ((document.layers)||(document.all)){
  with (Math) {yynextx= eval(yyfnx)}
  with (Math) {yynexty= eval(yyfny)}
  yycnt=(yyloop &amp;&amp; yycnt&gt;=yystep*yybilder)?0:yycnt+yystep;
  if (document.layers){
    eval(yydiv+&quot;.top=&quot;+(yynexty+yytop))
    eval(yydiv+&quot;.left=&quot;+(yynextx+yyleft))
  }
  if (document.all){
    eval(&quot;yydiv=yydiv.replace(/.layers/gi, '.all')&quot;);
    eval(yydiv+&quot;.style.pixelTop=&quot;+(yynexty+yytop));
    eval(yydiv+&quot;.style.pixelLeft=&quot;+(yynextx+yyleft));
  }
  argStr='YY_Layerfx('+yyleft+','+yytop+',&quot;'+yyfnx+'&quot;,&quot;'+yyfny+'&quot;,&quot;'+yydiv+'&quot;,'+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')';
  if (yycnt&lt;=yystep*yybilder){eval(yydiv+&quot;.yyto=setTimeout(argStr,yyto)&quot;);}
 }

}
function YY_Mousetrace(evnt) { //v1.2 copyright (c)1999 Yaromat
 if (yyns4)
  {if (evnt.pageX) {yy_ml=evnt.pageX;  yy_mt=evnt.pageY;}  }
 else{
   yy_ml=(event.clientX + document.body.scrollLeft);
   yy_mt=(event.clientY + document.body.scrollTop);
 }
 if (yy_tracescript)eval(yy_tracescript)
}
&lt;/script&gt;
        &lt;script language=&quot;JavaScript&quot;&gt;
function PopWin()
{
	var PopWin = window.open(&quot;new.htm&quot;,&quot;PopWin&quot;,&quot;toolbar=no,directries=no,scrollBars=yes,height=350,width=400&quot;);
}
&lt;/script&gt;</textarea>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr> 
            <td height="20" class="white" bgcolor="#009900">当前位置:<a href="../../index.htm">首 
              页</a>→<a href="../index.htm">JavaScript</a>→<a href="index.htm#7">鼠标动作</a>→跟随鼠标的星星</td>
          </tr>
        </table>
        <br>
      </td>
      <td bgcolor="#009900" width="18"></td>
    </tr>
    <tr bgcolor="#009900"> 
      <td></td>
      <td align="center" height="35"> <font color="#FFFFFF">··无忧网络 设计发布··</font> 
      </td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -