JavaScript经典效果集锦(转)

</script>
</body>
</html>

九 DIV的透明层实现:

CODE:

[Copy to clipboard]

                           </tr>
                        </table>
            </div>

十超级强大的表单验证：

CODE:

[Copy to clipboard]

}
}
</script>

十一漂亮的脚本日历：

CODE:

[Copy to clipboard]

Calendar();
</Script>

十二进入,退出页面的各种效果:
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种

十三很酷的效果,表格被选中回变颜色:

CODE:

[Copy to clipboard]

<TR>
<TD>把鼠标移过来</TD>
<TD>把鼠标移过来</TD>
</TR>
<TR>
<TD>把鼠标移过来</TD>
<TD>把鼠标移过来</TD>
</TR>
<TR>
<TD>把鼠标移过来</TD>
<TD>把鼠标移过来</TD>
</TR>
<TR>
<TD>把鼠标移过来</TD>
<TD>把鼠标移过来</TD>
</TR>
</table>

</body>
</html>

十四弹出提示的效果：

CODE:

[Copy to clipboard]

}
function caoMove(obj)  //实现层的拖移
{
  if(event.button==1)
  {
var caoX=obj.clientLeft;
var caoY=obj.clientTop;
obj.style.pixelLeft=caoX+(event.x-cao_x);
obj.style.pixelTop=caoY+(event.y-cao_y);
  }
}
</script>
<script language=javascript>
var mycao=new cao888();
mycao.display();
</script>
</body>
</html>

十五图片之间的切换：

CODE:

[Copy to clipboard]

</body>
</html>

十六 DIV_圆边圆角的实现：

CODE:

[Copy to clipboard]

</body>

十七跳动的菜单：

CODE:

[Copy to clipboard]

</body>
</html>

十八通过页面抓取照片：

CODE:

[Copy to clipboard]

}

</SCRIPT>
</BODY></HTML>

十九客户端静态页面玩分页：

CODE:

[Copy to clipboard]

}
}};

// method
// DHTMLpagenation(strContent,perpageLength)

DHTMLpagenation(s,100);

//-->
</SCRIPT>
</BODY>
</HTML>

二十类似与google个性页面的好东东:

CODE:

[Copy to clipboard]

</body>
</html>

二十一漂亮的表格：

CODE:

[Copy to clipboard]

</tr>

</table>

</body>
</html>

二十二经典的带阴影的可拖动的浮动层

CODE:

[Copy to clipboard]

</body>
</html>

二十三运行代码的代码

CODE:

[Copy to clipboard]

二十四凹陷文字

CODE:

[Copy to clipboard]

</div>

二十五漂亮的仿flash菜单

CODE:

[Copy to clipboard]

<tr><td>My</td></tr>
<tr><td>Name</td></tr>
<tr><td>Is</td></tr>
<tr><td>LeX</td></tr>
<tr><td>Rus</td></tr>
<tr><td>!!!</td></tr>
</table>
<script>attachXMenu(xmenu1);</script>

二十六自定义容器和字体大小

CODE:

[Copy to clipboard]

</div>
</div>

</body>
</html>

二十七超级REAL视频播放器

CODE:

[Copy to clipboard]

</object>
<br>

二十八网站论坛上面快捷键提交表单的方法

CODE:

[Copy to clipboard]

</form>