必威体育Betway必威体育官网
当前位置:首页 > IT技术

HTML打字机和字体发光效果

时间:2019-06-26 00:43:13来源:IT技术作者:seo实验室小编阅读:75次「手机版」
 

打字机字体

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-Type" content="text/html; charset=utf-8" />
<title>HTML打字机</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
var text="欢迎来到电影网站"
var len=text.length
var sudu=100
var seq=0
function type(){
    texts.innerHTML=text.substring(0,seq);
    if(len==0){
        seq=0
        setInterval();
        }else{
            seq++
            settimeout("type()",sudu);
        }
    }
</script>
<style>
/*----------------发光----------------------*/
#texts{
        color:#0F0;
        animation:gg .7s ease-in-out infinite alternate;
    }
@-webkit-keyframes gg {
  from {
    text-shadow: 0 0 2px #FF0;
  }
  to {
    text-shadow: 0 0 2px #0FF;
  }
}
</style>
</head>
<body onload=type()>
<p id="texts" style="font-size:24px;text-align:center;">
</p>
</body>
</html>


相关阅读

为什么你的广告,没有效果?

为什么你的广告,没有效果?本文作者将从产品、策略、渠道、内容、落地和售后六个方面来剖析。enjoy~求爷爷告奶奶,外加喝酒陪唱装孙子

HTML's HelloWorld

<html><!--描述网页--> <body><!--可见的页面--> <h1>HelloWorld</h1><!--标题--> <p>HelloWorld</p><!--段落--> </body> </h

HTML 图片热区(img usemap)

<img> element ‘s attribute: usemap MDN https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img The partial U

Html 特殊符号 让版权符号更美观

在页面里加上版权符号,HTML代码里对应输入&copy;&copy;就是版权符号在HTML里的代码,但是很多页面在设计的时候,用的字体是宋体,就算没

html中的显示图片ie浏览器显示红叉

郁闷半天,怎么猎豹浏览器可以显示图片,但是ie却是一个空叉叉呢??????原来是你的图片所在的路径中有一个文件中是中文命名的,这就是导致错误

分享到:

栏目导航

推荐阅读

热门阅读