- 浏览: 1884417 次
- 性别:
- 来自: 合肥
文章分类
- 全部博客 (514)
- OPEN (41)
- WARN (33)
- EXPER (16)
- RESOURCE (7)
- TOOL (4)
- DWR (10)
- Struts1.x (10)
- Ibtais (18)
- MyEclipse (30)
- Sql Server (64)
- Tomcat (7)
- APACHE (4)
- JSP (18)
- SERVLET (6)
- ENGLISH (0)
- ECSide (8)
- JasperReports (7)
- JAVA (24)
- JS (42)
- XML (26)
- CVS (8)
- Mind (1)
- JQUERY (2)
- IBATIS (6)
- PROJECT (0)
- STRUTS2 (0)
- PROXOOL (0)
- SPRING (4)
- Hibernate (0)
- SSI (0)
- JBPM (11)
- FLEX (3)
- JSON (2)
- GWT (1)
- jeecms v3 (1)
- Flash (2)
- DATA (1)
- ORACLE (3)
- 查询oracle 中逗号分隔字符串中所有值 (1)
最新评论
-
小小西芹菜:
GoEasy web三步轻松实现web实时推送1. 引入goe ...
服务器推送技术 java -
kg_1997:
这个方法太棒了,可以不用to_date函数,实在是棒!!!
java/oracle日期处理 -
wodesunday:
:idea:
SQL的分段统计查询语句 -
wodesunday:
引用
SQL的分段统计查询语句 -
BlueSkator:
讲的有点浅,没有深入进去
tomcat需要的重新发布和重启服务器的几种情况
实用Script详解:一触即停的滚动信息栏
在我们单位一楼大厅中竖立了一个电子大屏幕,当各处室有重要消息通知大家时,其内容就会出现在电子大屏幕上。如果内容多于一屏,信息就会由下向上循环滚动。实际上,在主页面上应用这种技术实现类似更新日志、重要通知等等网站动态消息发布的功能,是很实用的一个做法,这不仅能在限定的范围中播放大量内容,从而节省宝贵的页面空间,而且循环滚动的动态效果,也会吸引访问者的眼光,达到提醒用户查看信息的目的。先来看看实际的效果,请点击
实现思路
1、消息栏所在的区域,可以使用许多对象实现,比如多行文本框。但要实现其中内容的滚动效果,就必须使用marquee标记。Marquee标记专门用于文字信息的移动,其基本语法为
<marquee> … </marquee>,属性包括:
l 滚动方向<direction=#>:#=left、right、up、down,分别表示左右上下。
l 循环次数<loop=#>:#=次数,若未指定则循环不止。
l 滚动速度<scrollamount=#>
l 滚动延时<scrolldelay=#>
l 滚动方式<bihavior=#>:#=scroll、slide、alternate,分别表示循环、只一次、来回。
在这里,我们定义消息自下向上滚动,速度为2,滚动消息区标识为ieslider:
<marquee id="ieslider" scrollAmount=2 direction=up
2、除了上述marquee固有属性外,为了描述滚动消息栏的坐标位置、长度与宽度、背景色彩等特征,我们引用css语句进行更加细微的控制:
style="position:absolute; top:100px; left:220px; width:300; height:100;background-color:black;"
当然,你还可以查阅css的更多语法,从而实现你自己的特殊目的。
3、滚动信息的内容就是任意符合HTML语法的内容,可以包括纯文本信息,也可以包含超文本信息。这样,用户不仅仅能够阅读静态的信息内容,还可以通过这里跳转到其他URL地址。
4、还有一点与传统电子大屏不同的是:将鼠标指向滚动消息区时,滚动将自动停止;鼠标离开后,又恢复滚动。这样的好处就是可以让用户仔细看清楚消息内容。实现这个目的的做法就是修改滚动消息区的鼠标经过和离开事件ieslider.onmouseover和ieslider.onmouseout,当鼠标经过时,设置消息滚动速度为0,即不滚动;当鼠标离开时,恢复默认消息滚动速度为2。因为设置滚动速度的语句非常简单,只要一句ieslider.scrollAmount=0(或者2),所以在这里,我们使用了行间定义函数new Function,大大地精简了代码尺寸:
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("ieslider.scrollAmount=2")
在平时的编程中,我们要善于发现这样的技巧。
代码详解
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
// 定义滚动消息的内容
// 内容可以是普通文本,也可以包含超级链接内容
// 只要是符合html语法的内容,都可以
msg=´´
msg=msg+´<div align="center" style="color:white;size:19px">文本消息滚动栏<br><br></DIV>´
msg=msg+´<div align="center" style="color:white;size:19px">当鼠标指向消息栏时,滚动停止</DIV>´
msg=msg+´<div align="center" style="color:white;size:19px">当鼠标离开消息栏时,继续滚动<br><br></div></font>´
msg=msg+´<div align="center"><a href="http://www.sina.com.cn/" style="size:19px;color:white">新浪网</a></div>´
-->
</script>
</HEAD>
<BODY>
<script language="JavaScript">
// 使用marquee固有属性与css扩展属性定义滚动消息区
document.writeln(´<marquee id="ieslider" scrollAmount=2 direction=up style="position:absolute; top:100px; left:220px; width:300; height:100;background-color:black;">´)
document.writeln(msg)
document.write(´</marquee>´)
// 修改滚动消息区的鼠标经过与离开事件处理代码
// 使用行间定义函数,简化代码尺寸
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("ieslider.scrollAmount=2")
</script>
<p><center>
<h3>一触即停的滚动消息栏</h3>
</center><p>
援引http://www.jspcn.net/
在我们单位一楼大厅中竖立了一个电子大屏幕,当各处室有重要消息通知大家时,其内容就会出现在电子大屏幕上。如果内容多于一屏,信息就会由下向上循环滚动。实际上,在主页面上应用这种技术实现类似更新日志、重要通知等等网站动态消息发布的功能,是很实用的一个做法,这不仅能在限定的范围中播放大量内容,从而节省宝贵的页面空间,而且循环滚动的动态效果,也会吸引访问者的眼光,达到提醒用户查看信息的目的。先来看看实际的效果,请点击
实现思路
1、消息栏所在的区域,可以使用许多对象实现,比如多行文本框。但要实现其中内容的滚动效果,就必须使用marquee标记。Marquee标记专门用于文字信息的移动,其基本语法为
<marquee> … </marquee>,属性包括:
l 滚动方向<direction=#>:#=left、right、up、down,分别表示左右上下。
l 循环次数<loop=#>:#=次数,若未指定则循环不止。
l 滚动速度<scrollamount=#>
l 滚动延时<scrolldelay=#>
l 滚动方式<bihavior=#>:#=scroll、slide、alternate,分别表示循环、只一次、来回。
在这里,我们定义消息自下向上滚动,速度为2,滚动消息区标识为ieslider:
<marquee id="ieslider" scrollAmount=2 direction=up
2、除了上述marquee固有属性外,为了描述滚动消息栏的坐标位置、长度与宽度、背景色彩等特征,我们引用css语句进行更加细微的控制:
style="position:absolute; top:100px; left:220px; width:300; height:100;background-color:black;"
当然,你还可以查阅css的更多语法,从而实现你自己的特殊目的。
3、滚动信息的内容就是任意符合HTML语法的内容,可以包括纯文本信息,也可以包含超文本信息。这样,用户不仅仅能够阅读静态的信息内容,还可以通过这里跳转到其他URL地址。
4、还有一点与传统电子大屏不同的是:将鼠标指向滚动消息区时,滚动将自动停止;鼠标离开后,又恢复滚动。这样的好处就是可以让用户仔细看清楚消息内容。实现这个目的的做法就是修改滚动消息区的鼠标经过和离开事件ieslider.onmouseover和ieslider.onmouseout,当鼠标经过时,设置消息滚动速度为0,即不滚动;当鼠标离开时,恢复默认消息滚动速度为2。因为设置滚动速度的语句非常简单,只要一句ieslider.scrollAmount=0(或者2),所以在这里,我们使用了行间定义函数new Function,大大地精简了代码尺寸:
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("ieslider.scrollAmount=2")
在平时的编程中,我们要善于发现这样的技巧。
代码详解
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
// 定义滚动消息的内容
// 内容可以是普通文本,也可以包含超级链接内容
// 只要是符合html语法的内容,都可以
msg=´´
msg=msg+´<div align="center" style="color:white;size:19px">文本消息滚动栏<br><br></DIV>´
msg=msg+´<div align="center" style="color:white;size:19px">当鼠标指向消息栏时,滚动停止</DIV>´
msg=msg+´<div align="center" style="color:white;size:19px">当鼠标离开消息栏时,继续滚动<br><br></div></font>´
msg=msg+´<div align="center"><a href="http://www.sina.com.cn/" style="size:19px;color:white">新浪网</a></div>´
-->
</script>
</HEAD>
<BODY>
<script language="JavaScript">
// 使用marquee固有属性与css扩展属性定义滚动消息区
document.writeln(´<marquee id="ieslider" scrollAmount=2 direction=up style="position:absolute; top:100px; left:220px; width:300; height:100;background-color:black;">´)
document.writeln(msg)
document.write(´</marquee>´)
// 修改滚动消息区的鼠标经过与离开事件处理代码
// 使用行间定义函数,简化代码尺寸
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("ieslider.scrollAmount=2")
</script>
<p><center>
<h3>一触即停的滚动消息栏</h3>
</center><p>
援引http://www.jspcn.net/
发表评论
-
下载文件的一种简单方法js
2013-11-22 14:28 17263下载文件的一种简单方法js 在做课程排课系统时常常 ... -
JS escape、encodeURI 、encodeURIComponent 编码与解码
2012-10-21 10:25 13062JS escape、encodeURI 、encodeUR ... -
理解setTimeout和setInterval
2011-06-01 10:58 1194甚至可能会错误的把两 ... -
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
2011-06-01 10:47 3007Document自带的方法: 循环执行:var timeid ... -
js中SetInterval与setTimeout
2011-06-01 09:06 1438setTimeout和setInterval的语法相同。它们都 ... -
JS人民币大写转化
2011-05-13 14:54 1548近验证的人民币大写转化的例子 <!DOCTYPE HT ... -
您查看的网页正在试图关闭窗口。是否关闭此窗口”的屏蔽方法(JavaScript)
2011-04-26 16:51 7443用JS代码关闭窗口时会提示“您查看的网页正在试图关闭窗口。是否 ... -
JS获取页面大小信息
2011-04-26 16:27 1702我的页面宽度大于可见宽度,于是我做的弹出层的遮罩在拖动横轴时页 ... -
JS 使用try...catch
2011-01-06 10:45 1352我们可以添加 try...catch 语句,这样当错误发生时可 ... -
让你理解HTML DOM :节点,节点树,访问节点!
2011-01-06 09:52 4943HTML DOM 定义了访问和操作HTML文档的标准方法。 ... -
js生成Table最好的例子并且获取table json,Copy即可运行
2011-01-05 16:42 5296<html> <head> < ... -
js掩藏table列或者行
2011-01-05 14:40 1125<!DOCTYPE HTML PUBLIC " ... -
正则表达式通过实例透彻理解
2010-12-17 15:43 1193如果你曾经用过Perl或任何其他内建正则表达式支持的语言,你一 ... -
JS正则验证邮箱/手机/电话的格式
2010-12-16 09:58 2077援引兄弟博客 http://zithan.iteye.com/ ... -
是js 常用正则表达式表单验证代码
2010-12-13 15:11 1315简介:这是js 常用正则 ... -
js 当前浏览者的显示器分辨率:
2010-10-14 14:29 2073当前浏览者的显示器分辨率: js获取分辨率 js 获得分辨率 ... -
js处理乱码
2010-10-14 09:24 1504JS传参之中文乱码解决方案: 传参:用encodeURI(&q ... -
js操作checkbox,radio,select
2010-09-08 09:12 3895最近经常用JS操作 select checkbox 及radi ... -
window.opener属性与window.open()方法
2010-09-08 08:38 2902opener 属性是一个可读可写的属性,可返回对创建该窗口的 ... -
js判断对象是否为空
2010-09-03 16:41 5083/** Check whether string s is e ...
相关推荐
其中,文本向上循环滚动是一种非常实用且常见的效果,它不仅能够吸引用户的注意力,还能有效地展示大量信息。 #### 二、文本自动向上循环滚动实现原理 1. **HTML结构**:首先,我们需要创建一个`<marquee>`标签来...
在网页设计中,有时我们需要创建一种效果,即某个元素(如广告、导航栏或提示信息)始终保持在用户视野内,即使当用户滚动页面时也是如此。这种效果被称为“跟随滚动条漂浮层”或“固定定位”。在本篇文章中,我们将...
### JavaScript 常用代码详解 #### 一、概述 JavaScript 是一种广泛使用的脚本语言,主要用于网页开发,能够使网页具有动态交互功能。本文将详细介绍一些常用的 JavaScript 方法及其应用场景,帮助开发者更好地...
**jQuery滚动元素固定位置插件详解** 在网页设计中,我们常常希望某些元素在用户滚动页面时保持在屏幕的特定位置,例如导航栏或侧边栏。这时,jQuery-sticky-elements插件就能派上用场。这款插件是基于流行的...
- **状态栏滚动信息:**使用JavaScript动态更新状态栏文本。 - **计算用户来访次数:**使用Cookie记录访问次数。 - **散布页面的星星:**使用随机位置的图像元素。 - **永在顶端的图片:**通过定位技术使图片...
单行滚动通常用于新闻标题或者公告栏,让信息逐行移动,创建一种连续滚动的效果。下面的代码示例展示了如何实现这一效果: ```html <!DOCTYPE html> 单行滚动示例 ul,li{margin:0;padding:0} #scrollDiv{...
如果不指定则默认为`_blank`,即新打开一个窗口。 - **features**:新窗口的特性字符串,包括高度、宽度、工具栏、菜单栏等。 - **replace**:布尔值,确定是否使用历史堆栈中的URL替换当前条目。通常情况下,我们不...
- `features`:一个字符串,包含多个用逗号分隔的设置项,用来控制新窗口的特性,如大小、位置等。 **示例代码**: ```javascript <script> window.open('page.html', 'newwindow', 'height=100,width=400,top=0,...
**jQuery页面定位导航滚动特效代码详解** 在网页设计中,导航栏是不可或缺的一部分,它帮助用户在网站中轻松浏览各个部分。随着网页内容的丰富,页面定位导航的重要性日益凸显,尤其是当页面高度超过屏幕时,用户...
Java文本编辑器实现方法详解是指使用Java语言实现一个文本编辑器的方法,包括文本编辑器的结构、原理、布局、实现步骤与相关操作技巧等。下面是Java文本编辑器实现方法的详细分析: 一、结构分析 Java文本编辑器的...
在创建动态用户界面时,弹出窗口和模式对话框是常见的需求之一,它们能够提供额外的信息或功能,而不打断当前的浏览流程。在JSP环境中实现这一功能,主要依赖于JavaScript的`window.open()`方法。 ##### **1. ...
### 实用Jquery代码知识点详解 #### 一、预加载图片 **知识点**: 预加载图片是为了确保图片能在需要时立即显示,提高用户体验。在实际应用中,尤其是在需要大量图片资源快速展示的情况下(如相册、轮播图等),预...
此效果通常应用于网站的新闻滚动条、公告栏等场景,通过自动滚动的方式展示一系列的文字信息。下面将从HTML结构、CSS样式设置以及JavaScript/jQuery逻辑三个方面进行详细讲解。 #### 二、HTML结构分析 HTML部分...
* `scrollbars`:是否显示滚动栏。 * `resizable`:是否允许改变窗口大小,yes 为允许。 * `location`:是否显示地址栏,yes 为允许。 * `status`:是否显示状态栏内的信息,yes 为允许。 通过设置这些参数,我们...
- `toolbar`, `menubar`, `scrollbars`, `resizable`, `location`, `status`这些选项用于控制窗口是否显示工具栏、菜单栏、滚动条、是否可调整大小、是否显示地址栏和状态栏。 为了便于复用,可以将弹出窗口的逻辑...
例如,你可以创建一个固定的顶部导航栏,当用户滚动到一定位置时,导航栏就会自动吸附到顶部。同样,也可以用于创建始终显示的侧边栏广告或工具栏。 ### 6. 总结 jQuery.scrollFloat.js 是一个方便实用的 ...
1. **`window.open()`方法**:这是创建弹出窗口的核心方法,可以接受多个参数,如目标URL、窗口名称、窗口特征(大小、位置、工具栏、滚动条等)。通过合理配置这些参数,开发者可以定制弹出窗口的外观和行为。 2. ...
### ExtJs部署及使用方法详解 #### 一、ExtJs部署与配置 ##### 1.1 ExtJs库的安装 为了正确地安装ExtJs库,首先需要将ExtJs的源码包放置到项目的WebRoot目录下,即项目的根目录。在安装过程中,需要创建以下...
- **用途**:定义浏览器标题栏或标签页上显示的文档标题。 - **示例**: ```html 我的网站 ``` ##### 1.3 - **用途**:标记文档为一个用于检索的网关脚本。 - **示例**: ```html ``` ##### 1.4 - **用途...