jquery 实现页面动态消息显示

最新推荐文章于 2022-06-15 15:36:14 发布

要争气

最新推荐文章于 2022-06-15 15:36:14 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/liangwenmail/article/details/49428889

版权

<%@ 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>
<style type="text/css">
a{text-decoration: none;}
#showinfo{word-break:break-all; width:200px;}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	$(":button").click(function(){
		var v1=$("#text1").val();
		$("#showinfo").html("        "+v1)
	});
});
</script>
</head>
<body>
<div class="d1">
<div><img alt="" src="js/1.jpg" width="200" height="50"></div>
<div class="d2"><p>
	<a href="http://www.baidu.com">宇宙的一切</a>
</p></div>
<div id="d3">
<marquee direction="up" scrollamount="2" style="height: 200px;">
	<div id="showinfo">        
	这个专题已经被N多机构做过N多遍了，
	但历史频道做的非常出色，在讲述人类探索宇宙的历史故事的时候，
	严谨详实地叙说了人类对宇宙的不懈探索，
	同时将已经了解和尚未了解的宇宙奥秘一一展现出来，真的秉承了历史频道的传统。
	特别是《火星》不知道被做过多少次了，但历史频道做来，给人感觉耳目一新，
	里面介绍了2007年最新的资讯。</div>
</marquee>
</div>
</div>
<br><br><br><br><br><br>
<textarea rows="5" cols="39" id="text1"></textarea><br>
<input type="button" value="change">
</body>
</html>