水雨田博客

文章列表

2008年08月19日星期二上午 11:41

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>CSS实现的几个非常漂亮的按钮</title>
<style>
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand;

阅读全文>>

类别：Css | 评论(0) | 浏览()

CSS超出的文字用省略号代替

2008年08月19日星期二上午 11:40

<div style="width:200px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; border:1px solid #336699">试试看，阿斯顿发倒还真的不是到，看看效果</div>

类别：Div | 评论(0) | 浏览()

CSS强制图片自适应大小

2008年08月19日星期二上午 11:36

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS强制图片自适应大小</title>
<style type="text/css">
img {width:expression(this.width>60

阅读全文>>

类别：Javascript | 评论(0) | 浏览()

掉链图片的替代图片方法

2008年08月19日星期二上午 11:33

类别：Javascript | 评论(0) | 浏览()

个人所得税计算器

2008年08月19日星期二上午 11:30

<SCRIPT language=JavaScript>
<!--
function calc(){
var Salary,StartNum,cha
Salary=document.TaxForm.Salary.value;
if (Salary==""||isNaN(Salary)){
   document.TaxForm.Salary.focus();
   alert("请在月收入中输入数字");
   return false
}
StartNum=document.TaxForm.StartNum.value;
if (StartNum==""||isNaN(StartNum)){
   document.TaxForm.StartNum.focus();

阅读全文>>

类别：Javascript | 评论(0) | 浏览()

表格数据排序

2008年08月19日星期二上午 11:26

<STYLE type=text/css>TABLE {
BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #000000 2px solid; BORDER-LEFT: #000000 2px solid; BORDER-BOTTOM: #000000 2px solid; border-spacing: 0px; cell-spacing: 0px
}
TD {
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap
}
TH {
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; PADDING-T

阅读全文>>

类别：Javascript | 评论(0) | 浏览()

纯脚本页面loading效果

2008年08月19日星期二上午 11:20

阅读全文>>

类别：Javascript | 评论(0) | 浏览()

JS不间断向上滚动

2008年08月19日星期二上午 11:18

JS不间断向上滚动

<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>
<img src="http://www.xxxx.com/lanren/jscode/js-0063/images/01.jpg">
<img src="http://www.xxxx.com/lanren/jscode/js-0063/images/02.jpg">
</div>
<div id=demo2></div>
</div>
<script>
var s

阅读全文>>

类别：Div | 评论(0) | 浏览()

清空代码防止查看源代码

2008年08月19日星期二上午 11:09

<html>
<head>
<script language="javascript">
function clear(){
Source=document.body.firstChild.data;
document.open();
document.close();
document.title="看不到源代码";
document.body.innerHTML=Source;
}
</script>
</head>
<body onload=clear()>
<!--
这招算是目前网上公布的防止查看源代码的方法中最好的了，当然了，要看还是办法的，比如在地址栏中输入<br>
javascript:alert(docu

阅读全文>>

类别：Javascript | 评论(0) | 浏览()

页面loading效果

2008年08月19日星期二上午 11:03

阅读全文>>

类别：Javascript | 评论(0) | 浏览()