显示标签为“Javascript”的博文。显示所有博文
显示标签为“Javascript”的博文。显示所有博文

2009年4月30日星期四

如何同时应用2个以上的滤镜样式特效到一个对象上

CSS样式中的滤镜特效使我们能方便的作出特殊的效果,但是如何才能在一个对象上同时应用多个滤镜特效呢?
原来,滤镜的应用应该遵循如下的原则:
1、如果使用多的滤镜,那么滤镜间要以空格分开。
2、一个滤镜中的若干参数以逗号分隔。
3、Filter和其他的CSS样式则以分号分开。

例如:
style="filter: gray fliph;"
可以同时实现黑白和左右翻转2种特效,注意gray和fliph中间是空格分隔,最后才用分号。

2009年4月20日星期一

Javascript中,window对象的2种定时方法:setTimeout和setInterval的对比

  window对象有两个主要的定时方法,分别是setTimeout 和 setInteval 他们的语法基本上相同,但是完成的功能取有区别。

  setTimeout方法是定时程序,也就是在什么时间以后干什么。干完了就拉倒。
  setInterval方法则是表示间隔一定时间反复执行某操作。

【简单的说呢,就是setTimeout只做一次,setInterval是反复做】

  如果用setTimeout实现setInerval的功能,就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使用的方法不同,调用不同的清除方法:
例如:tttt=setTimeout('northsnow()',1000);
clearTimeout(tttt);

或者:

tttt=setInterval('northsnow()',1000);
clearInteval(tttt);

Javascript中,使用Window对象的Screen属性获取屏幕分辨率和可用宽度和高度

window.screen.availHeight 可用的屏幕高度 比如去掉任务栏后的剩余的空间window.screen.availWidth 可用的屏幕宽度

window.screen.height 屏幕垂直分辨率 如:768
window.screen.width 屏幕水平分辨率 如:1024

2009年3月27日星期五

如何让点击图象热点时不出现边框线

在用Dreamweaver制作图象热点时,当用鼠标点击热点区域时会出现边框线,显示出热点区域,这是默认的样式,便于我们看出热点区域。

不过如果想去掉这个边框线怎么办呢?

其实,只要在area标签中加上一句: OnFocus="this.Blur()" 即可。

2008年12月14日星期日

让你的网页有下雪效果的Javascript脚本

今天在搜索博客时发现一个可以让网页下雪的JS脚本,这可是大名鼎鼎的WordPress提供的,本来是提供给WP的博客使用者的,但是经过测试可以应用在所有能够嵌入JS脚本的地方,你可以下载这个脚本应用到你的网站上,也可以直接嵌入,这样好像懒惰了一点:-D
下面是引用的代码:


<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>