恋雾迷尘论坛's Archiver

爱雨冷雪 发表于 2005-7-31 06:15

幾個非常有用的JS特效技巧

[quote]=========================================
屏蔽IE底部狀态欄禁止它顯示正在轉向的網址

<script>
function a(){window.status = "這裏換上其它内容。"}
setInterval("a()",100)
</script>

=========================================
鼠标碰到連接有聲音的js

<Script Language="JavaScript">
function ShowMid()
{
document.write('<bgsound src="http://ebubu.cn:8010/Resource/Wave/YINYUE/YINYU001.WAV";;></bgsound>');
}
</Script>
<a href="#" onMouseOver="ShowMid();return false">linkText</a>



=====================================
鼠标放到鏈接上立即出現提示

<Script>
         var i=0
         function tt(){
        if(i==0){
            aa.style.display="none";
       }
     else{
         aa.style.left=window.event.x+2;
         aa.style.top=window.event.y+2;
         aa.style.display="";
}
}
</Script>
<a href="www.51js.com" onmouseover="i=1;tt();" onmouseout="i=0;tt();">無憂腳本</a>
<div id="aa" style="position:absolute;background:#0000ff;display:none;width:100;filter:alpha(opacity=75)">鼠标放到鏈接上立即出現一小提示這是怎麽做的呢
當然不是alt或title</div>

==================================
使鼠标移動到圖片上圖片放大
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
var offsetX=50;
var offsetY=0;
function Fpop()
{
var oImg            =event.srcElement;
var px                =oImg.offsetLeft;
var py                =oImg.offsetTop;
popDiv.innerHTML    ="<img src=\""+oImg.src+"\" />"
popDiv.style.left    =px+offsetX;
popDiv.style.top    =py+offsetY;
popDiv.style.display="";
}
function Fhidden()
{
popDiv.style.display="none";
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<BR><BR>
<BR><BR>
   
<div id="popDiv" style="position:absolute;z-index:10;border:1px solid black;display:none;"></div>
<img src="http://www.themecn.com/wallpaper/2003/animal/tn_009.jpg";; width="50" height="50" onmouseout="Fhidden()" onmouseover="Fpop()">
<hr>
<img src="http://www.themecn.com/wallpaper/2003/animal/tn_008.jpg";; width="50" height="50" onerror="this.onmouseover='';" onmouseout="Fhidden()" onmouseover="Fpop()" >
</BODY>
</HTML>

===================================

圖片背景陰影效果
<img src="http://www.51js.com/images/51js/51js.gif";; style="filter : progid:DXImageTransform.Microsoft.Shadow ( enabled=t , color=#ff0000 , direction=135 , strength=10 )">

===================================
圖片向上縮小直到消失的效果
<img witdh="468" id="oImg" src="http://www.51js.com/images/51js/51js.gif";;>
<script language="javascript">
function resize()
{
   if(oImg.height>0)
    {
      oImg.height--;
    }
}
setInterval("resize()",200);
</script>[/quote]

秋记 发表于 2005-8-1 16:17

看不懂...

小孩子 发表于 2007-3-4 14:30

要装到哪里去啊?

丑妞妞 发表于 2007-5-26 11:46

大家有什么

大家有什么好看法,赶快说说
[img]http://219.235.230.23:5188/web/upload/headimg/6400.jpg[/img]

越前花夏 发表于 2007-8-7 02:05

以后真的注

*** 作者被禁止或删除 内容自动屏蔽 ***

初生的火焰 发表于 2007-8-12 04:42

了解一下!

*** 作者被禁止或删除 内容自动屏蔽 ***

Ca。 发表于 2007-9-22 16:46

幾個非常有用的JS特效技巧

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.