JavaWeb视频网站开发：实现首页小喇叭的功能

还记得是在10月初的时候，最开始为鹰城家教网设计了小喇叭的功能，当时的目的很简单，就是想让小喇叭实时广播一些想让用户知道的信息，包括网站动态，比如谁谁谁注册了家教邦，谁谁谁成功预约了教师，以及等等。

后来自我感觉这个小功能不错很有趣，就把它移植到了我的视频网站的首页，为网站的访问者广播网站的动态消息以及小提示等信息，也算为大家带来一点小小的乐趣，自我感觉也算是一个小小的亮点了吧。

那么今天，就想着借这篇博客来为大家分享一些这个小喇叭的设计思路以及具体的实现，希望大家会喜欢。

小喇叭的实现主要还是靠HTML，css以及js，中间也嵌套了一点Java。

第一步：首先写HTML界面

第二步：写css来控制小喇叭的样式

/*顶部横幅及小喇叭*/
.banner{height: 20px;margin-top:20px;margin-left:50px; color: blue;
}
/*小喇叭图片*/
.banner img{width: 18px;height: 18px;
}
/*小喇叭广播文本*/
.banner span{color: red;
}

第三步：编写js，让小喇叭每隔5秒随机显示一句话

window.setInterval("change('<%=usenum%>','<%=usertoday%>','<%=visnum%>','<%=vistoday%>');", 5000);
function change(un,ut,vn,vt){var se=new Array();se[0]="2018年10月12日，“LongBro影院”改名“553影院”!";se[1]="553，是地瓜（俗称红薯）中最好吃的一种。";se[2]="最近一部很火的电影《动物世界》，李易峰主演的哟.";se[3]="客官，听说“斗破苍穹”这部新剧很好看。";se[4]="553影院新增影视评论及回复功能，快去评论你喜欢的影视剧吧！";se[5]="553影院新增登录注册功能，无需手机号邮箱，快去注册一下吧！";se[6]="553影院，做个人影院中的佼佼者。";se[7]="大家好，我是小喇叭，为您广播本站动态，欢迎您访问本站。";se[8]="注册553影院，记录自己的播放记录，拥有评论功能。";se[9]="截止目前，553影院已注册用户数为"+un+"其中今日注册"+ut+"人,访问ip共计"+vn+"其中今日访问"+vt;se[10]="关闭搜索提示框小窍门：在提示框弹出时，双击屏幕任意地方即关闭提示框！";se[11]="2018年4月份，LongBro开始编写LongBro影院！";//随机生成0~sen.length-1内的整数var i=Math.round(Math.random()*(se.length-1-0)+0);//使用Math.round来取整//alert(se.length-1);document.getElementById("word").innerHTML=se[i];//如何实现逐个循环显示，而不是随机显示？//var i=0;//document.getElementById("word").innerHTML=se[i];//i++;
}

以上步骤就可以让小喇叭完美的执行了，小喇叭刚开始显示的那一句是动态的，需要用到Java中的四个变量，包括总访问量，总注册量，日访问量，日注册量

感谢大家的阅读，该篇博文已同步至本人个人博客，欢迎访问！553影院欢迎你。

JavaWeb视频网站开发：实现首页小喇叭的功能相关推荐

SSM整合+视频网站开发
课程目标使用SpringMVC+Mybatis+Spring+Maven进行分模块整合简单实现视频网站开发一.项目演示视频网站构建模式分为:自建模式和第三方模式自建模式:需要自己搭建服务器 ...
视频网站开发：JavaWeb做一个带自定义小表情的评论功能
前几天一直在做视频网站的评论功能,如今虽然说做的不是很好,但也算是挺满意的实现了.自我感觉做的最好的最有花样的就是为评论功能添加了小表情评论.见如下效果图 1.首先第一步,收集你想要使用的小表情,我因 ...
实时监控、直播流、流媒体、视频网站开发方案设计简要
快速传送至:javacv入门指南:序章快速传送至:从零开始开发和搭建直播平台-教程汇总篇 javaCV系列文章: javacv开发详解之1:调用本机摄像头视频 javaCV开发详解之2:推流器实现, ...
陪玩视频聊天系统开发，升级与更新功能的实现
随着科技的不断发展,陪玩视频聊天系统开发中也会不断的更新和优化各种功能模块,陪玩视频聊天系统升级与更新功能的实现关系着用户的使用体验,所以,本文将讲解陪玩视频聊天系统开发的升级与更新. 一般而言在陪玩 ...
Java仿腾讯视频流媒体点播网站开发实战（二）- 功能模块与实体设计
一.系统整体模块设计图简单介绍一下架构设计,随着大数据的广泛应用,在现如今的系统之中,尤其是作为流媒体视频播放网站,统计网站用户的行为,分析用户的行为,以及对用户行为的采集无疑是很重要的一个系统要素 ...
一个简单视频网站开发小记
前言视频格式转换,视频图片截取,视频存储设计,大文件上传处理以及相关配置,前端视频播放,视频播放流畅度,每一个都不简单,都需要花心思思考解决方法!基本上每个问题,都是使用相应的开源库! 需求背景手 ...
JavaWeb音乐网站开发：Ajax异步获取歌词文件并显示，以及实现音频与歌词对应同步的方法
在开发音乐网站或APP的时候,都必须要面对这一个问题:如何让正在播放的歌曲的歌词与音频对应?也就是歌曲正在唱哪一句对应显示这一句的歌词?这便是今天这篇博客主要谈论的主题,先抛开爬虫爬取这一说,今天讲的 ...
【渝粤教育】广东开放大学 javaweb 动态网站开发技术形成性考核 (53)
选择题题目:关于MVC模式说法正确的是_____ 题目:在MVC模式中,核心内容为_____ 题目:下面关于MVC的说法不正确的是_____ 题目:MVC设计模式将应用程序分为_____部分题目: ...
实时监控、直播流、流媒体、视频网站开发方案流媒体服务器搭建及配置详解：使用nginx搭建rtmp直播、rtmp点播、,hls直播服务配置详解
注意:这里不会讲到nginx流媒体模块如何安装的问题,只研究rtmp,hls直播和录制相关的nginx服务器配置文件的详细用法和说明.可以对照这些命令详解配置nginx -rtmp服务一.nginx ...

JavaWeb视频网站开发：实现首页小喇叭的功能

JavaWeb视频网站开发：实现首页小喇叭的功能相关推荐

最新文章

热门文章