<title>文字滚动效果演示</title>
<body>
<table border="1">
<tr>
<td>
<font size="18" face="Verdana">
<marquee>连霍高速:目前,因陕西路段施工,柳林站至豫陕界向西行驶的货车禁止上站。请提前绕行。 京港澳高速:因河北省境内有雾,原阳站以北所有收费站禁止上站,浚县站分流由南向北方向的车辆。
</marquee>
</font>
</td>
</tr>
</table>
</body>
</html>
1、打开编辑器,新建test.html,用于学习今天的内容。如下图所示:
2、接下来需要在head标签下方引入jquery.min.js插件,如下图所示:
3、在页面的body标签里,新建一个div,名称为test。如下图所示:
4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div,通过css()方法让文字居中。如下图所示:
5、在浏览器中打开test.html,可以在文字在页面中间显示。如下图所示:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)