2008-02-22
全文显示

图片放大查看效果

<script language="JavaScript"> <!-- var smallX = 200; //缩略图宽度 var bigX = 600; //预览窗大小,可以任意设置 var bigY = 450; var srcX = -1; //原图大小,可以任意设置. 如都为-1将使用图片原始大小 var srcY = -1; var border = 5; //边框 var smallY,viewX,viewY,bl,isIE,vX,vY; window.onload=function (){ head.innerHTML= ...
2008-02-22
全文显示

功能强大的旋转导航文字圈

<body> <style type="text/css"> BODY { background : #efefef; font : 12px Verdana; } A { color : #e70 } A:hover { text-decoration : none } .spin { position : absolute; visibility : hidden; z-index : auto; } .spin A { font : 12px Verdana; text-de ...
2008-02-22
全文显示

一个网上流传的超经典的js代码，运行一下就知道有多酷了。

<html> <head> <script language=JavaScript> //***********默认设置定义.********************* tPopWait=2; //设置停留多少豪秒后显示提示。 tPopShow=1000; //设置显示多少豪秒后关闭提示 showPopStep=1; //设置完成显示的速度 popOpacity=60; //设置显示透明度 backColor='#f4ffe0'; //设置背景颜色 fontColor='#000000'; //设置字 ...
2008-02-22
全文显示

浏览器地震

<script language="JavaScript"> function surfto(form) { var myindex=form.select1.selectedIndex if (form.select1.options[myindex].value != null) { parent.main.location.href=form.select1.options[myindex].value; } } </script>//这段JS代码意为当前页面的浏览器地震// <script language="J ...
2008-02-22
全文显示

数字选中放大

<style type="text/css"> ul#hovershow2{ list-style-type: none; margin: 50px; width:200px; float: left; display: inline; clear: both; } ul#hovershow2 li{ float: left; display: inline; width:20px; height: 20px; margin: 2px; ...
2008-02-22
全文显示

无图片实现圆角框

<style type="text/css"> div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4, b.rb ...
2008-02-22
全文显示

漂浮的图片 遇到边界反弹

<SCRIPT language=JavaScript>var brOK=false; var mie=false; var aver=parseInt(navigator.appVersion.substring(0,1)); var aname=navigator.appName; function checkbrOK() {if(aname.indexOf("Internet Explorer")!=-1) {if(aver>=4) brOK=navigator.javaEnabled(); mie=true; } ...
2008-02-22
全文显示

用层模拟可移动的小窗口

<html> <head> <title>_xWin</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <META NAME="Description" CONTENT="http://www.xuemu.net"> <style type='text/css'> <!-- body{font-size:12p ...
2008-02-22
全文显示

动态树

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Phenix PanelBar</title> <script language="javascript"> /*----------------------------------------------- ...
2008-02-22
全文显示

CSS模仿IE警告信息栏

<!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> <title>51du.cn-代码演示专用页面</title> <style type="text/css&q ...
2008-02-22
全文显示

推拉窗口

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- saved from url=(0046)http://vip.aou.cn/csqf/new_page_3.htm --> <HTML><HEAD><TITLE>New Page 28</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> ...
2008-02-22
全文显示

JS CTRL+ENTER 提交

<script language=javascript> ie = (document.all)? true:false if (ie){ function ctlent(eventobject){if(event.ctrlKey && window.event.keyCode==13){this.document.form1.submit();}} } </script> <form action="http://www.jluvip.com/index.html" method=POST name=form1&g ...
2008-02-22
全文显示

凹陷文字

<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;"> <font disabled> 怎么样，我凹下去了吧？<br> 你不想试试吗？<br> <a href="http://www.lenvo.cn/">www.lenvo.cn</a></font> </div>
2008-02-22
全文显示

客户端静态页面玩分页

<!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=" ...
2008-02-22
全文显示

DIV_圆边圆角的实现

<html xmlns:v> <head> <style> v\:*{behavior: url(#default#VML);} </style> </head> <body> <v:roundRect style="position:absolute;left:20px;top:50px;width:200px;height:140px;" FillColor="#AAEAFA" Filled="T" /> </body> ...
2008-02-22
全文显示

进入,退出页面的各种效果!

进入页面<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 上到下刷 ...
2008-02-22
全文显示

超级强大的表单验证

<title>表单验证类 Validator v1.01</title> <style> body,td{font:normal 12px Verdana;color:#333333} input,textarea,select,td{font:normal 12px Verdana;color:#333333;border:1px solid #999999;background:#ffffff} table{border-collapse:collapse;} td{padding:3px} input{height:20;} ...
2008-02-22
全文显示

如果文字过长,则将过长的部分变成省略号显示

<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis"> <NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR> </DIV>
2008-02-22
全文显示

鼠标旁边的提示信息,类似与163登录后的页面提示效果

<a href="http://www.wawaqin.com/map.html" title="这是提示">tip</a> <script Language="JavaScript"> //***********默认设置定义.********************* tPopWait=50;//停留tWait豪秒后显示提示。 tPopShow=5000;//显示tShow豪秒后关闭提示 showPopStep=20; popOpacity=99; //******** ...
2008-02-22
全文显示

一些很实用且必用的小脚本代码:

脚本1:进入主页以后自动播放声音 <embed src="pnm://10.13.31.90/~kayvin/mihunji.rm" hidden=true autostart=true loop=true> 脚本2:进入主页后自动最大话,省的去在自己单击了 <script> self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) </script> 脚本3:显示现在时间的脚本 <script language=vbscript>document.write now&l ...
zfms
搜索本博客
最近加入圈子
存档
最新评论