jc_dreaming
- 浏览: 1882920 次
- 性别:
- 来自: 合肥
-
文章分类
- 全部博客 (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 17261下载文件的一种简单方法js 在做课程排课系统时常常 ... -
JS escape、encodeURI 、encodeURIComponent 编码与解码
2012-10-21 10:25 13057JS escape、encodeURI 、encodeUR ... -
理解setTimeout和setInterval
2011-06-01 10:58 1189甚至可能会错误的把两 ... -
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
2011-06-01 10:47 3004Document自带的方法： 循环执行：var timeid ... -
js中SetInterval与setTimeout
2011-06-01 09:06 1435setTimeout和setInterval的语法相同。它们都 ... -
ＪＳ人民币大写转化
2011-05-13 14:54 1546近验证的人民币大写转化的例子 <!DOCTYPE HT ... -
您查看的网页正在试图关闭窗口。是否关闭此窗口”的屏蔽方法(JavaScript)
2011-04-26 16:51 7440用JS代码关闭窗口时会提示“您查看的网页正在试图关闭窗口。是否 ... -
JS获取页面大小信息
2011-04-26 16:27 1700我的页面宽度大于可见宽度，于是我做的弹出层的遮罩在拖动横轴时页 ... -
JS 使用try...catch
2011-01-06 10:45 1350我们可以添加 try...catch 语句，这样当错误发生时可 ... -
让你理解HTML DOM :节点,节点树,访问节点!
2011-01-06 09:52 4941HTML DOM 定义了访问和操作HTML文档的标准方法。 ... -
js生成Table最好的例子并且获取table json，Copy即可运行
2011-01-05 16:42 5295<html> <head> < ... -
js掩藏table列或者行
2011-01-05 14:40 1123<!DOCTYPE HTML PUBLIC " ... -
正则表达式通过实例透彻理解
2010-12-17 15:43 1191如果你曾经用过Perl或任何其他内建正则表达式支持的语言，你一 ... -
JS正则验证邮箱/手机/电话的格式
2010-12-16 09:58 2073援引兄弟博客 http://zithan.iteye.com/ ... -
是js 常用正则表达式表单验证代码
2010-12-13 15:11 1313简介：这是js 常用正则 ... -
js 当前浏览者的显示器分辨率:
2010-10-14 14:29 2069当前浏览者的显示器分辨率: js获取分辨率 js 获得分辨率 ... -
js处理乱码
2010-10-14 09:24 1502JS传参之中文乱码解决方案: 传参：用encodeURI(&q ... -
js操作checkbox,radio,select
2010-09-08 09:12 3892最近经常用JS操作 select checkbox 及radi ... -
window.opener属性与window.open()方法
2010-09-08 08:38 2899opener 属性是一个可读可写的属性，可返回对创建该窗口的 ... -
js判断对象是否为空
2010-09-03 16:41 5080/** 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 - **用途...