jsp字体上下滚动效果

最新推荐文章于 2021-02-13 16:14:52 发布

三三得九_尚

最新推荐文章于 2021-02-13 16:14:52 发布

阅读量3.2k

点赞数

分类专栏： Struts2

本文链接：https://blog.csdn.net/leidijava/article/details/8542132

版权

Struts2 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'top.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<style>
#Marquee{ height:90px; overflow:hidden;}
#Marquee div{ border:1px solid #DDD3FE; height:88px;}
</style>

</head>
<body>
<div id="Marquee">
<div>
<Font Size=3 Face="楷体_GB2312">
这是面眉</Font>
</div>
</div>
<script>
var Mar = document.getElementById("Marquee");
var child_div=Mar.getElementsByTagName("div")
var picH = 90;//移动高度
var scrollstep=3;//移动步幅,越大越快
var scrolltime=20;//移动频度(毫秒)越大越慢
var stoptime=3000;//间断时间(毫秒)
var tmpH = 0;
Mar.innerHTML += Mar.innerHTML;
function start(){
if(tmpH < picH){
tmpH += scrollstep;
if(tmpH > picH )tmpH = picH ;
Mar.scrollTop = tmpH;
setTimeout(start,scrolltime);
}else{
tmpH = 0;
Mar.appendChild(child_div[0]);
Mar.scrollTop = 0;
setTimeout(start,stoptime);
}
}
οnlοad=function(){setTimeout(start,stoptime)};
</script></body>