JavaScript经典效果收藏

荧光效果

.荧光效果


< spanid = " theText " style = " width:100% " >
< h1 >< fontsize = " 2 " > 用户名: </ font ></ h1 >
</ span >

< scriptlanguage = " JavaScript " >
<!--

function SymError()
... {
returntrue;
}

window.onerror = SymError;

// -->
</ script >

< script >
<!--
var from = 1 ;
var to = 4 ;
var delay = 55 ; // 闪的速度
var glowColor = " #FFCC00 " ; // 颜色
var i = to;
var j = 0 ;
textPulseDown();

function textPulseUp()
... {
if(!document.all)
return
if(i<to)
...{
theText.style.filter="Glow(Color="+glowColor+",Strength="+i+")";
i++;
theTimeout=setTimeout('textPulseUp()',delay);
return0;
}
if(i=to)
...{
theTimeout=setTimeout('textPulseDown()',delay);
return0;
}
}

function textPulseDown()
... {
if(!document.all)
return
if(i>from)
...{
theText.style.filter="Glow(Color="+glowColor+",Strength="+i+")";
i--;
theTimeout=setTimeout('textPulseDown()',delay);
return0;
}

if(i=from)
...{
theTimeout=setTimeout('textPulseUp()',delay);
return0;
}
}

// -->
</ script >

模仿图片透明渐变

< HTML >
< HEAD >
< TITLE > dancepower.cn </ TITLE >
< SCRIPTlanguage = JavaScript >
// FlashtableExtensionforDreamwever,bydio([email protected])
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object,destOp,rate,delta) ... {
if(!document.all)
return
if(object!="[object]")...{//dothissoIcantakeastringtoo
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff=destOp-object.filters.alpha.opacity;
direction=1;
if(object.filters.alpha.opacity>destOp)...{
direction=-1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if(object.filters.alpha.opacity!=destOp)...{
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}

</ SCRIPT >
</ HEAD >
< BODYtext = # 000000 bgColor = #ffffffleftMargin = 0 topMargin = 0 marginheight = " 0 "
marginwidth = " 0 " >
< TABLEheight = " 100% " cellSpacing = 0 cellPadding = 0 width = " 100% " border = 0 >
< TBODY >
< TR >
< TDalign = middle >
< TABLEborderColor = #ffffffheight = 100 cellSpacing = 1 cellPadding = 1
width = 100 align = centerbgColor = # 000033 border = 1 >
< TBODY >
< TRalign = middle >
< TDonmouseover = nereidFade( this , 100 , 10 , 5 )
style = " FILTER:alpha(opacity=70) " onmouseout = nereidFade( this , 50 , 10 , 5 )
bgColor = #00ccff >< FONTface = verdanacolor = #ffffff
size = 1 > dio </ FONT ></ TD >
< TDonmouseover = nereidFade( this , 100 , 10 , 5 )
style = " FILTER:alpha(opacity=70) " onmouseout = nereidFade( this , 50 , 10 , 5 )
bgColor = #ff9900 >< FONTface = verdanacolor = #ffffff
size = 1 > pex </ FONT ></ TD ></ TR >
< TRalign = middle >
< TDonmouseover = nereidFade( this , 100 , 10 , 5 )
style = " FILTER:alpha(opacity=70) " onmouseout = nereidFade( this , 50 , 10 , 5 )
bgColor = #ff3399 >< FONTface = verdanacolor = #ffffff
size = 1 > pex </ FONT ></ TD >
< TDonmouseover = nereidFade( this , 100 , 10 , 5 )
style = " FILTER:alpha(opacity=70) " onmouseout = nereidFade( this , 50 , 10 , 5 )
bgColor = #33ff66 >< FONTface = verdanacolor = #ffffff
size = 1 > dio </ FONT ></ TD ></ TR ></ TBODY ></ TABLE ></ TD ></ TR ></ TBODY ></ TABLE ></ BODY ></ HTML >

无图片实现圆角

< styletype = " text/css " >
div.RoundedCorner ... {background:#9BD1FA}
b.rtop,b.rbottom ... {display:block;background:#FFF}
b.rtopb,b.rbottomb ... {display:block;height:1px;overflow:hidden;background:#9BD1FA}
b.r1 ... {margin:05px}
b.r2 ... {margin:03px}
b.r3 ... {margin:02px}
b.rtopb.r4,b.rbottomb.r4 ... {margin:01px;height:2px}
</ style >

< divclass = " RoundedCorner " >
< bclass = " rtop " >< bclass = " r1 " ></ b >< bclass = " r2 " ></ b >< bclass = " r3 " ></ b >< bclass = " r4 " ></ b ></ b >
< br > 无图片实现圆角框 < br >< br >
< bclass = " rbottom " >< bclass = " r4 " ></ b >< bclass = " r3 " ></ b >< bclass = " r2 " ></ b >< bclass = " r1 " ></ b ></ b >
</ div >

文字幻灯片

<! DOCTYPEhtmlPUBLIC " -//W3C//DTDXHTML1.0Transitional//EN " " <ahref= " http: // www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
< htmlxmlns = " <ahref= " http: // www.w3.org/1999/xhtml"target="_blank">http://www.w3.org/1999/xhtml</a>">
< head >
< title > 51du.cn - 代码演示专用页面 </ title >
< styletype = " text/css " >
.trans ... {filter:revealTrans(Transition=12,Duration=2)}
</ style >
</ head >
< body >
< scriptlanguage = " JavaScript " >
Text = new Array(
" <ahref='<ahref= " http: // www.51du.cn"target="_blank">http://www.51du.cn</a>'target='_blank'class='cr4'>班级留言“说”出口，校友录开通语音留言服务</a>",
" <ahref='<ahref= " http: // www.51du.cn"target="_blank">http://www.51du.cn</a>'class='cr4'>星级会

分享到：

Scott Mitchell 的ASP.NET 2.0数据教程之 ... | ZT+YC 算法经典解释

• 2007-06-18 10:29
• 浏览 221
• 评论(0)
• 相关推荐

评论

发表评论

您还没有登录,请您登录后再发表评论