JS CSS制作饱含热情的镶边文字闪烁特效
作者:bea
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>文字闪烁</title> </head> <body> <style> <!-- #glowtext{ filter:glow(color=ff0000,strength=2); width:10
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>文字闪烁</title>
</head>
<body>
<style>
<!--
#glowtext{
filter:glow(color=ff0000,strength=2);
width:100%;
}
-->
</style>
<script language="JavaScript1.2">
function glowit(which){
if (document.all.glowtext[which].filters[0].strength==2)
document.all.glowtext[which].filters[0].strength=1
else
document.all.glowtext[which].filters[0].strength=2
}
function glowit2(which){
if (document.all.glowtext.filters[0].strength==2)
document.all.glowtext.filters[0].strength=1
else
document.all.glowtext.filters[0].strength=2
}
function startglowing(){
if (document.all.glowtext && glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",150)')
}
else if (glowtext)
setInterval("glowit2(0)",150)
}
if (document.all)
window.onload=startglowing
</script>
<span id="glowtext"><font color="F5D20A" face="宋体" size="3">看到本网页的都是高手,热烈欢迎您的到来!</span>
</body>
</html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 用Javascript 编写可以缓慢弹出收缩的层
- javascript void(0)的妙用
- extjs 学习笔记 四 带分页的grid
- Jquery Ajax.ashx 高效分页实现代码
- fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
- Javascript remove 自定义数组删除方法
- JavaScript 事件记录使用说明
- 7个Javascript地图脚本整理
- JavaScript 自动完成脚本整理(33个)
- javascript 添加和移除函数的通用方法
- JS 用6N±1法求素数 实例教程
- 获取网站跟路径的javascript代码(站点及虚拟目录)
- JavaScript 点击插入文字
- 单选按钮决定链接的网址
- 让链接必须按先后顺序点击的JS代码
- Js文字背景行如流水特效
- 一个链接按两种方式打开两个网址的方法
- 随日期每天自动变换的文本的js特效
- Js 实现文字爬楼滚动效果 结合文本框