<body bgcolor=silver><span style=”font-size:36px;position:absolute;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=4); “>hellobaby</span></body>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
<body bgcolor=silver><span id=oo style=”font-size:36px;position:absolute;left:10px;top:10px;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=1); “>hellobaby</span></body> <script> var len=1; setInterval(function(){ oo.filters[0].strength=(len=(len+1)%7)+1; oo.style.posLeft=10-len; oo.style.posTop=10-len; },100); </script>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
文字描边+动态发光
<body bgcolor=”#cccccc” style=”filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=blue,endColorStr=skyblue)”> <div style=”width:234px;height:88px;background:0606d6;filter:progid:DXImageTransform.microsoft.dropshadow(offx=2,offY=2,color=#ffffff) progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=blue,endColorStr=skyblue)”> <font face=”华文行楷” size=”6px” style=”position:absolute;filter:progid:DXImageTransform.microsoft.dropshadow(offx=1,offY=1,color=#ffffff) progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=4);”>不过是给文字加上阴影</font></div> <span id=oo style=”font-size:36px;position:absolute;left:310px;top:10px;filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,Strength=1);font-family:Preciosa “>Nothing is impossible</span></body> <script> var len=1; setInterval(function(){ oo.filters[0].strength=(len=(len+1)%7)+1; oo.style.posLeft=310-len; oo.style.posTop=10-len; },100); </script>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
