<!--
google_ad_client = "pub-4490194096475053";
/* 内容页,300x250,第一屏 */
google_ad_slot = "3685991503";
google_ad_width = 300;
google_ad_height = 250;
// -->
支持FF等所有浏览器
向左滚动,每次滚动的长度可以设置,然后暂停后继续滚动

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<LINK media=screen href="slide/win2.css"
type=text/css rel=stylesheet>
<SCRIPT language=javascript src="slide/Fx.js"
type=text/javascript></SCRIPT>
<META content="MSHTML 6.00.5730.13" name=GENERATOR></HEAD>
<BODY>
<DIV class=hot_words_btnLeft><A id=button_1
href="#"></A></DIV>
<DIV class=scroll_box>
<DIV class=clearfix id=js_1>
<DL>
<DT><A href="" target=_blank><IMG height=80
src="slide/xin2qi-2_55.jpg"
width=80></A> </DT>
<DD><A href="" target=_blank>corange.cn</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG height=80
src="slide/6.jpg" width=80></A> </DT>
<DD><A href="" target=_blank>ASP,PHP,JSP,JS,ASP.NET,div,CSS等网站建设相关技术</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG height=80
src="slide/1.jpg" width=80></A>
</DT>
<DD><A href="" target=_blank>www.corange.cn</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG
height=80 src="slide/2.jpg" width=80></A>
</DT>
<DD><A href="" target=_blank>满就送</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG
height=80 src="slide/3.jpg" width=80></A>
</DT>
<DD><A href="" target=_blank>试衣间</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG
height=80 src="slide/4.jpg"
width=80></A> </DT>
<DD><A href="" target=_blank>图片空间</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG
height=80 src="slide/7.jpg"
width=80></A> </DT>
<DD><A href="" target=_blank>社区宝贝分享插件</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG
height=80 src="slide/8.jpg"
width=80></A> </DT>
<DD><A href="" target=_blank>社区团购插件</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG
height=80 src="slide/9.jpg"
width=80></A> </DT>
<DD><A href="" target=_blank>网站开发代码</A>
</DD></DL></DIV></DIV>
<DIV class=hot_words_btnRight><A id=button_2
href="#"></A></DIV>
<SCRIPT language=javascript type=text/javascript>
var button_1=document.getElementById("button_1");
var button_2=document.getElementById("button_2");
var target=document.getElementById("js_1");
//var el=document.getElementById("js_2");
var fx=new Fx(target,{property:"left",unit:"px",from:0,to:0,period:800});
var move=new Move(target,110*4,2,"left",fx);
move.autoStart();
button_2.onclick=function(){
move.left();
return false;
}
button_1.onclick=function(){
move.right();
return false;
}
target.onmouseover=function(){
move.autoStop();
}
target.onmouseout=function(){
move.autoStart();
}
</SCRIPT>
</BODY></HTML>
http://www.corange.cn//uploadfiles/slide_25257.rar
原文地址:http://www.corange.cn/archives/2009/10/3481.html
分享到:
相关推荐
“文字水平”是指滚动的方向,相对于垂直滚动,水平滚动在某些场景下可能更符合用户的阅读习惯,例如在窄屏设备上,水平滚动可以避免过多的上下滚动,保持页面的整洁。 “无限循环滚动”是此特效的核心特性,意味着...
文字滚动是一种常见的网页动态效果,它可以使页面上的文本按照设定的方向(如向上、向下、向左或向右)以一定的速度滚动,给用户带来动态视觉体验。在JavaScript中,我们可以利用DOM(Document Object Model)操作来...
- 定义滚动方向:根据需求,可以设置字幕向上、向下、向左或向右滚动。 - 更新文本位置:在Timer的Tick事件中,更新文本的起始绘制位置。 - 重绘控件:在更新位置后,调用Control的Invalidate方法强制重绘,使滚动...
在本例中,是从右向左滚动,这意味着每个字符或单词会按顺序移出屏幕,然后从左边重新进入。这需要考虑到滚动速度、滚动间隔以及如何平滑过渡等问题。 3. **实时更新**:由于是“实时LED信息发布系统”,所以系统...
4. **限制滚动范围**:为了防止文字不断向左滚动而消失,我们需要在文本达到一定长度时恢复原始文本。 ```python def scroll_text(self): text = self.text() if len(text) self.setText(original_text) # ...
网页文字滚动是网页设计中常用的一种动态展示方式,它可以吸引用户的注意力,增加信息的阅读率。JavaScript 是实现这种效果的强大工具,它允许我们通过编程方式控制网页元素的行为,包括文字的滚动。以下是对"网页...
在Qt框架中,QLabel是用于显示文本、图像或两者结合的基本组件。它通常用于创建用户界面中的简单信息展示。...在实际项目中,根据需求可以进行更多的定制和优化,如添加暂停/继续滚动的功能,或者支持多行滚动等。
- 否则,递增`scrollLeft`值,实现内容向左滚动。 - 使用`setInterval`创建定时器,每隔指定时间调用`Marquee`函数。 - 通过`onmouseover`和`onmouseout`事件监听,实现在鼠标悬停时暂停滚动,在鼠标离开时恢复...
具体操作为,每次滚动内容一个完整长度的距离后,改变 `left` 的值,使滚动内容复位,并继续进行滚动,从而达到连续滚动的效果。 - **交互控制**:利用JavaScript监听鼠标的移动事件,通过 `clearInterval` 和 `...
在Tick事件中,更新Label的Text属性,使文字向左或向右移动。可以使用字符串的Substring方法截取部分内容,以实现滚动效果。 4. **屏幕保护程序逻辑**:在项目中创建一个名为`ScreenSaver.cs`的类,继承自`System....
4. **暂停与继续**:当鼠标悬停在滚动区域上时,插件可以自动暂停滚动,移开鼠标后恢复滚动,增加了用户的互动性。 5. **自动播放**:可以设置自动播放功能,无需用户操作即可连续滚动文本。 6. **回调函数**:提供...
2. `arguments[1]`: 指定滚动方向,可以是正数(向右或向下)或负数(向左或向上)。 3. `arguments[2]`: 每次滚动的步长。 4. `arguments[3]` 和 `arguments[4]`: 容器的宽度和高度,用于控制滚动区域。 5. `...
4. **性能优化**:避免频繁的文本更新操作,可以预先计算好滚动的总距离,然后在每次更新时只移动必要的距离。 5. **异常处理**:处理可能的空字符串情况,以及在滚动过程中防止文本溢出UILabel的边界。 在提供的...
向左、向右(可选)滚动显示整个字符串 自定义输入 DotMatrix 个数,使得字符串可以显示在与之长度不相等的 LED 阵列上 暂停播放 待实现的功能: 字符串闪烁 每个字独立地像俄罗斯方块一样从右侧推出,到左侧停下 ....
`Marquee`函数接受一个参数,即滚动元素的ID,它首先获取元素并复制原始内容到`<dd>`中,然后定义了一个滚动函数`rolling`,该函数通过修改`scrollLeft`属性实现向左的滚动。`setInterval`用于定时调用`rolling`函数...
4. 控制滚动逻辑:使用`setInterval`函数设置定时器,定时更新ul元素的`left`属性,使内容向左移动。为了实现无缝滚动,需要在ul元素移动到一定位置时将其重置到初始位置。 5. 添加交互:可以通过监听容器的`...
`behavior`属性决定了滚动方式,`scroll`表示持续滚动,而`direction`属性则指定了滚动方向,这里设置为`left`表示水平向左滚动。如果文字内容较少,不足以填满一行,那么它会在到达边界后立即返回,形成垂直滚动的...
此外,还可以添加一个布尔值属性来切换滚动方向,是向左还是向右。 5. 开发注意事项: - 为了保证用户体验,需要处理好文本的开始和结束点,避免突然跳回或闪烁。 - 考虑到文本长度的变化,需要对文本的宽度进行...
这里,`'-=100%'`表示元素向左移动其自身宽度的长度,`duration`是动画持续时间,`'linear'`是动画速度曲线,`function()`是动画结束后执行的回调函数,用于将元素移回初始位置,形成循环滚动。 #### 2.3 封装...
在每次滚动后,我们会检查是否已经到达了滚动的终点,如果是,我们会反转滚动方向,或者在停顿时间到达后继续滚动。 总结来说,实现这个带停顿的逐行文本循环滚动效果的关键在于理解如何使用JavaScript操作DOM元素...