2009年4月30日星期四
如何同时应用2个以上的滤镜样式特效到一个对象上
原来,滤镜的应用应该遵循如下的原则:
1、如果使用多的滤镜,那么滤镜间要以空格分开。
2、一个滤镜中的若干参数以逗号分隔。
3、Filter和其他的CSS样式则以分号分开。
例如:
style="filter: gray fliph;"
可以同时实现黑白和左右翻转2种特效,注意gray和fliph中间是空格分隔,最后才用分号。
2009年4月20日星期一
Javascript中,window对象的2种定时方法:setTimeout和setInterval的对比
setTimeout方法是定时程序,也就是在什么时间以后干什么。干完了就拉倒。
setInterval方法则是表示间隔一定时间反复执行某操作。
【简单的说呢,就是setTimeout只做一次,setInterval是反复做】
如果用setTimeout实现setInerval的功能,就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使用的方法不同,调用不同的清除方法:
例如:tttt=setTimeout('northsnow()',1000);
clearTimeout(tttt);
或者:
tttt=setInterval('northsnow()',1000);
clearInteval(tttt);
Javascript中,使用Window对象的Screen属性获取屏幕分辨率和可用宽度和高度
window.screen.height 屏幕垂直分辨率 如:768
window.screen.width 屏幕水平分辨率 如:1024
2009年3月27日星期五
如何让点击图象热点时不出现边框线
不过如果想去掉这个边框线怎么办呢?
其实,只要在area标签中加上一句: OnFocus="this.Blur()" 即可。
2008年12月14日星期日
让你的网页有下雪效果的Javascript脚本
下面是引用的代码:
<script src="http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js"
type="text/javascript"></script>
不过这种代码运行的时间长了会占用CPU的资源,使用的时候要慎重。
2008年11月22日星期六
输入小写金额同时显示大写金额
输入小写金额同时显示大写金额
<script language="JavaScript">
function daxie()
{
this.values = ["零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"];
this.digits = ["", "拾", "佰", "仟"];
}
function daxie.prototype.getdx(num)
{
if(isNaN(num)) return "";
var number = Math.round(num*100)/100;
number = number.toString(10).split('.');
var integer = number[0];
var len = integer.length;
if (len > 12)
return "数值超出范围!支持的最大数值为 999999999999.99";
var returnValue = this.bns(integer.slice(-4));
if (len > 4)
returnValue = this.bns(integer.slice(-8,-4)) + (integer.slice(-8,-4)!="0000"?"万":"") + returnValue;
if (len > 8)
returnValue = this.bns(integer.slice(-12,-8)) + "亿" + returnValue;
if(returnValue!="")
returnValue += "圆";
if(number.length==2)
{
var cok = number[1].split('');
if(returnValue!="" || cok[0]!="0")
returnValue += this.values[parseInt(cok[0])] + (cok[0]!="0"?"角":"");
if(cok.length>=2)
returnValue += this.values[parseInt(cok[1])] + "分";
}
if(returnValue!="" && !/分$/.test(returnValue))
returnValue += "整";
return returnValue;
}
function daxie.prototype.bns(str)
{
var num = str.split('');
var dsl = num.length-1;
var returnValue = "";
for (var i=0; i<=dsl; i++)
returnValue += this.values[parseInt(num[i])] + (num[i]!='0'?this.digits[dsl-i]:"");
returnValue = returnValue.replace(/零+$/, "").replace(/零{2,}/, "零");
return returnValue;
}
var stmp = "";
var dfs = new daxie();
function nst(t)
{
if(t.value==stmp) return;
var ms = t.value.replace(/[^\d\.]/g,"").replace(/(\.\d{2}).+$/,"$1");
var txt = ms.split(".");
while(/\d{4}(,|$)/.test(txt[0]))
txt[0] = txt[0].replace(/(\d)(\d{3}(,|$))/,"$1,$2");
t.value = stmp = txt[0]+(txt.length>1?"."+txt[1]:"");
bbb.value = dfs.getdx(parseFloat(ms));
}
</script>
小写金额:<input type="text" name="aaa" onkeyup="nst(this)"><br>
大写金额:<input type="text" name="bbb" size=80>
用鼠标滚轮实现图片缩放的Javascript代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用滚轮实现图片缩放</title>
</head>
<script language="JavaScript">
function zoomimg(img){
//img.style.zoom获取img对象的缩放比例,并转为十进制整数
var zoom = parseInt(img.style.zoom,10);
if (isNaN(zoom)){ //当zoom非数字时zoom默认为100%
zoom = 100;
}
//event.wheelDelta滚轮移动量上移+120,下移-120;显示比例每次增减10%
zoom += event.wheelDelta / 12;
//当zoom大于10%时重新设置显示比例
if (zoom>10) img.style.zoom = zoom + "%";
}
</script>
<body>
<br>
<!--onmousewheel:当滚轮移动时触发-->
<img src="001.gif" onmousewheel="zoomimg(this)">
</body>
</html>

