JavaScript結合CSS打造的一款文字特效,頁面加載以后,你會看到一款由遠及近的文字,并且還有手電筒的光束效果哦,看上去有點3d的感覺,很不錯吧!
一起來看看吧!
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>由遠到近的文字</title><style type="text/css"><!--div {font-family:Arial, Helvetica, sans-serif;position:absolute;}--></style></head><body><script type="text/javascript" language="javascript">var count = 0;for(var i=0;i<128;i++){document.write('<div style="left:'+(200-i)+'px;top:'+(10+i/2)+'px;font-size:'+(i*2)+'px;color:rgb('+(256-i)+','+(256-i*2)+','+(i*2)+');">VERYHUO</div>');count++;}//alert(count);</script><div style="left:72px;top:74px;font-size:256px;color:#FFFF44;">VERYHUO</div></body></html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能顯示效果,請按Ctrl+F5刷新本頁,更多網頁代碼:<a href='http://www.vxbq.cn/' target='_blank'>http://www.vxbq.cn/</a></div>提示:可修改后代碼再運行!
上一篇 Access入門教程 14.8 設置圖形區格式
下一篇 pb中獲取多行文本編輯框(mle控件)指定行的內容
程序員人生,我編程,我富裕,記住wfuyu網,php教程,php學習,php手冊,CMS模版制作
聲明:本站大部分內容是作者原創,少部分收集于互聯網供大家一起學習,原版權很多不明,如有侵權請聯系本站,謝謝!
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權所有