本文档提供了一种利用marquee元素实现在网站上实现不间断滚动的站内公告功能,同时能够动态地调用数据库中的数据。Marquee是一个HTML标记,用于创建一个在页面上滚动的文本块。在这个例子中,通过Java脚本对marquee的滚动行为进行控制,确保公告内容不会出现间断。 1. **关键概念**: - **marquee**: HTML的内置元素,常用于制作水平滚动的文字或图片。 - **不间断滚动**: 通过JavaScript编程实现marquee的连续滚动,而不是在每个消息之间暂停。 - **调用数据库**: 使用ADO (ActiveX Data Objects) 对象,如RecordSet,执行SQL查询来获取数据库中的公告信息。 - **公告代码示例**: 提供了一个使用服务器端技术(如ASP,即Active Server Pages)的示例,通过动态查询新闻表中的数据,并按时间倒序排列。 2. **代码结构**: - SQL查询: 使用`select * from news order by info time desc`来获取最新的公告信息。 - RecordSet对象: `setrs = server.createobject("adodb.recordset")` 创建RecordSet对象来处理数据库操作。 - 循环遍历记录集: 使用`while not rs.eof`和`rs.moveNext`来逐条读取数据库中的公告,直到达到设定的条数(比如10000条)。 - HTML模板: 每条公告以表格形式呈现,包括标题链接、日期等信息,同时包含一张图标和分隔符。 3. **实现方法**: - 将HTML代码保存为一个单独的文件(如"gundong.html"),并设置`<iframe>`标签嵌入到目标网页中,控制滚动区域的高度、边框样式和滚动方式。 - 用户访问时,通过`src`属性加载`/gundong.html`,从而显示滚动公告。 4. **应用示例**: 文档末尾还给出了一个实际应用的例子,展示了如何在页面上添加这个公告滚动,包括鼠标悬停效果和JavaScript脚本,以便控制滚动的开始和结束。 这篇文章提供了如何使用marquee元素结合服务器端脚本(如ASP)和数据库交互,实现一个动态且流畅的站内公告滚动展示,适用于网站公告更新频繁且需要实时显示最新内容的场景。通过修改数据库连接信息,用户可以将其应用于自己的网站,快速集成公告滚动功能。
不错的marquee不间断滚动,调用数据库站内公告代码,速度可调整,有实例网站
有需要的朋友,可以直接复制使用,仅需修改调用数据库连接及字段部分就可以了,其它部分不需要修改!尺寸根据实际微调下即可实现站内公告滚动轮换显示,调用公告条数可自定义,没有间断空白!
代码思路:1、站内公告用marquee实现向上滚动;2、加入java代码让站内公告显示不间断;3、调用全部数据库的文章
调用方式:将源代码保存为html文件,在需要调用的地方插入以下代码:<iframe height="100%" frameborder="0" scrolling="no" src="/gundong.html" width="100%"></iframe>
参考演示地址:http://shop.gqlcby.com 或者 http://www.gqlcby.com 保证可以使用,如有问题,请直接加qq咨询:284574019
源代码如下:
<div id="bb" onmouseover="ij=1" style="border:0px solid gray;OVERFLOW: hidden; HEIGHT:166px; width:237px " onmouseout="ij=0">
<div id="bb1"> =====》(定义两个类,其中id名称任意取,不过,如果你网页上本身定义过的名称现在就不能和它一样了!)
<table width="237" height="20" border="0" align="center" cellpadding="0" cellspacing="0">
<%
set rs=server.createobject("adodb.recordset")
sql="select * from news order by infotime desc"
rs.open sql,conn,1,3
i=0
do while not rs.eof%> ======》此部分是在调用数据库
<tr>
<td width="15" height="20" style="color: #FF3300">◎</td>
<td width="199"><a href="Shownews.asp?id=<%=rs("id")%>" target="_blank"><%=rs("title")%></a></td> =====》显示数据库中文章标题,并且链接到相应页面!
<td width="23"><img src="images/new.gif" width="22" height="7" /></td>
<%rs.movenext
i=i+1
下载后可阅读完整内容,剩余1页未读,立即下载
- 粉丝: 10
- 资源: 10
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 李兴华Java基础教程:从入门到精通
- U盘与硬盘启动安装教程:从菜鸟到专家
- C++面试宝典:动态内存管理与继承解析
- C++ STL源码深度解析:专家级剖析与关键技术
- C/C++调用DOS命令实战指南
- 神经网络补偿的多传感器航迹融合技术
- GIS中的大地坐标系与椭球体解析
- 海思Hi3515 H.264编解码处理器用户手册
- Oracle基础练习题与解答
- 谷歌地球3D建筑筛选新流程详解
- CFO与CIO携手:数据管理与企业增值的战略
- Eclipse IDE基础教程:从入门到精通
- Shell脚本专家宝典:全面学习与资源指南
- Tomcat安装指南:附带JDK配置步骤
- NA3003A电子水准仪数据格式解析与转换研究
- 自动化专业英语词汇精华:必备术语集锦