本文实例讲述了JS实现很酷的水波文字特效。分享给大家供大家参考。具体实现方法如下:
复制代码 代码如下:<html>
<head>
<title>JS实现很酷的水波文字效果</title>
</head>
<body bgcolor="#000000" onLoad="if (document.all)wave()">
<center>
<div id='water' style='position:relative;width:400px;height:150px;font-family:Verdana;font-size:50px;color:#8080ff'>
</div>
</center>
<script language="javascript">
<!--
if (document.layers){ //如果是NS
alert("你的浏览器不支持这个特效"); //做出提示
}
else //否则(不是NS)
if (document.all){ //并且是IE的话
var step=3; //设定改变效果的步长
var xstep=0;
var msg='欢迎光临<br><br>jb51.cn';
water.innerHTML=msg //设定效果图层的内容
function wave(){
//这句用来设定图层的style,其中滤镜的phase属性根据xstep的值动态设定。
document.all.water.style.filter='wave(freq=3, strength=5, phase='+xstep+', lightstrength=45, add=0, enabled=1)';
xstep+=step;
//根据step值来改变xstep的值,使下一次刷新图层style时波纹角度略有改变
TIMER=setTimeout('wave()',10);//设定下一次更改的延时
}
}
//-->
</script>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
JS,很酷,水波,文字,特效
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新动态
- 黄乙玲1988-无稳定的爱心肝乱糟糟[日本东芝1M版][WAV+CUE]
- 群星《我们的歌第六季 第3期》[320K/MP3][70.68MB]
- 群星《我们的歌第六季 第3期》[FLAC/分轨][369.48MB]
- 群星《燃!沙排少女 影视原声带》[320K/MP3][175.61MB]
- 乱斗海盗瞎6胜卡组推荐一览 深暗领域乱斗海盗瞎卡组分享
- 炉石传说乱斗6胜卡组分享一览 深暗领域乱斗6胜卡组代码推荐
- 炉石传说乱斗本周卡组合集 乱斗模式卡组最新推荐
- 佟妍.2015-七窍玲珑心【万马旦】【WAV+CUE】
- 叶振棠陈晓慧.1986-龙的心·俘虏你(2006复黑限量版)【永恒】【WAV+CUE】
- 陈慧琳.1998-爱我不爱(国)【福茂】【WAV+CUE】
- 咪咕快游豪礼放送,百元京东卡、海量欢乐豆就在咪咕咪粉节!
- 双11百吋大屏焕新“热”,海信AI画质电视成最大赢家
- 海信电视E8N Ultra:真正的百吋,不止是大!
- 曾庆瑜1990-曾庆瑜历年精选[派森][WAV+CUE]
- 叶玉卿1999-深情之选[飞图][WAV+CUE]