字体滚动并设置滚动速度

最新推荐文章于 2024-04-26 14:57:57 发布

置顶聆听HJ

最新推荐文章于 2024-04-26 14:57:57 发布

阅读量5.6k

点赞数

分类专栏： jsp 文章标签： jsp

本文链接：https://blog.csdn.net/weixin_41542329/article/details/79005051

版权

jsp 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

字体滚动使用标签：<marquee></marquee>

字体滚动速度设置使用marquee中的属性scrollamount设置；

1.向左滚动（从右到左）

<%@ page language="java" contentType="text/html; charset=UTF-8"  
    pageEncoding="UTF-8"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>Insert title here</title>  
</head>  
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>  
  
<script type="text/javascript" src="../js/WdatePicker.js"></script>  
<link rel="stylesheet" type="text/css" href="../css/WdatePicker.css">   
<script type="text/javascript">  
	
</script>  
<body>  
   <div style="background-color:red;height: 30px;">
   		<marquee scrollamount="30">我可以自己走动</marquee>
   </div>      
</body>  
</html>

2.向右滚动（从左到右。使用属性direction="right）

<%@ page language="java" contentType="text/html; charset=UTF-8"  
    pageEncoding="UTF-8"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>Insert title here</title>  
</head>  
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>  
  
<script type="text/javascript" src="../js/WdatePicker.js"></script>  
<link rel="stylesheet" type="text/css" href="../css/WdatePicker.css">   
<script type="text/javascript">  
	
</script>  
<body>  
   <div style="background-color:red;height: 30px;">
   		<marquee scrollamount="30" direction="right">我可以自己走动</marquee>
   </div>
      
       
</body>  
</html>

3.字体来回滚动（左右滚动。使用属性：behavior="alternate"）

<div style="background-color:red;height: 30px;">
   		<marquee scrollamount="30" behavior="alternate">我可以自己走动</marquee>
   </div>

4.字体从右滚动，到最左端时停止（使用属性：behavior="slide"）

 <div style="background-color:red;height: 30px;">
   		<marquee scrollamount="30" behavior="slide">我可以自己走动</marquee>
   </div>

聆听HJ

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
字体滚动并设置滚动速度

字体滚动使用标签：&lt;marquee&gt;&lt;/marquee&gt;字体滚动速度设置使用marquee中的属性scrollamount设置； 1.向左滚动（从右到左） &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt;..
复制链接

扫一扫