FLEX的滚动信息制做,类似STRUTS2里面的marquee标签
struts2滚动回顾:
<ul>
<marquee scrollAmount="2" height="50px" direction="up" onmouseover="this.stop()"
onmouseout="this.start()" behavior="scroll" style="padding: 0px; white-space: nowrap;">
<s:iterator value="#request.systemBoardList">
<li>
<a
href="/headCommon/getSystemBoardByID/${systemBoardID}" title="${systemBoardName}">
<s:property value="systemBoardName" /> </a>
<s:property value="publishDate" />
</li>
</s:iterator>
</marquee>
</ul>
FLEX滚动信息:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="complete()">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function complete():void
{
move_up.yFrom = cs.height - 6; //"加6减6是为了首尾连接更加自然"
move_up.yTo = 0 - zz.height + 6; //同上
move_up.repeatCount = 0; //无限次重复
move_up.repeatDelay = 0; //重复时间,毫秒
move_up.duration = 10000; //滚动一次的时间,毫秒
move_up.play();
}
private function move_pause():void
{
move_up.pause(); //暂停
}
private function move_resume():void
{
move_up.resume(); //从暂停位置开始
}
private function sendto(flag:String):void{
Alert.show(flag);
}
]]>
</mx:Script>
<mx:Move id="move_up" target="{cs}" />
<mx:Panel width="250" height="458" layout="absolute" title="公告栏"
fontSize="13" horizontalCenter="0" verticalCenter="0" verticalScrollPolicy="off" horizontalScrollPolicy="off" mouseOver="move_pause()" mouseOut="move_resume()">
<mx:VBox id="cs" width="220" height="100%" >
<mx:Text id="zz" text="zzzzzzzzzzzzz" click="sendto('zz');"/>
<mx:Text id="ww" text="wwwwwwwwwwwww" click="sendto('ww');"/>
<mx:Text id="hh" text="hhhhhhhhhhhhh" click="sendto('hh');"/>
</mx:VBox>
</mx:Panel>
</mx:Application>
分享到:
相关推荐
在提供的代码示例中,通过JavaScript结合CSS实现了一个类似`<marquee>`标签的无缝循环滚动效果。 - **关键代码解析**: - **CSS样式**:定义了滚动区域的背景颜色、溢出隐藏、宽度和高度等样式。 - **HTML结构**...
我们可以周期性地调用`Marquee`函数,该函数会检查`demo1`和`demo2`的相对位置,当`demo2`到达顶部时,将`demo`的`scrollTop`设置为负的`demo1`高度,使得`demo1`重新出现在视口中,从而实现无缝滚动。 同样的原理...
2. **无缝滚动**:通过调整`<marquee>`的属性,如`scrollamount`(滚动速度)、`direction`(滚动方向)和`loop`(循环次数),可以实现无缝滚动效果。使用JavaScript库或插件可以更好地控制这些参数,以实现更流畅...
js div实现左右滚动 无缝接 ,比 marquee强
"marquee"效果是网页设计中一种常见的滚动文本特效,它可以使文字或图像在页面上持续不断地滚动,类似于电视屏幕下方的新闻滚动条。在HTML和JavaScript中,都有实现marquee效果的方法。在这个主题中,我们将深入探讨...
标题提到的"推荐通用文字图片JS不间断滚动封装类 代替Marquee",就是一种利用JavaScript实现的动态效果,它旨在为文字和图片提供一种类似传统的Marquee(滚动条)效果,但更加灵活且易于使用的解决方案。Marquee是...
通过以上步骤,我们可以使用 jQuery 创建一个类似于传统 Marquee 的无缝滚动效果,而且这种方法更加灵活,可以轻松地与其他 jQuery 功能结合,或者进行更复杂的动画操作。实践过程中,你可以根据需求调整滚动速度、...
Marquee标签一直以来都被W3C排斥,而且,屁股后...所以,俺就做了个支持多个实例,兼容性好的替代品(其实是一年前做的...),虽然没什么技术含量,可是简单实用,只要简简单单的四步就能实现Marquee替代无间滚动效果。
水平滚动字幕jquery插件,marquee效果。使用:$('.txt-scroll').txtscroll({'speed': 50});
Marquee元素在网页设计中常被用来实现类似LED广告文字滚动的效果,它允许文本或内容在页面上持续滚动,从而吸引用户的注意力。这个压缩包文件"demoMarquee"提供了这样一个功能,用户可以自定义滚动速度、方向、文字...
在网页设计中,Marquee元素常被用来实现文本或图像的滚动展示,尤其在有限的空间内展示大量信息时非常实用。本篇将深入讲解如何利用JavaScript实现一个上下滚动的效果,并参考提供的"MSClass.js"文件进行分析。 一...
在网页设计中,公告或广告的滚动效果是一个常见的需求,以吸引用户的注意力并展示更多信息。jQuery 是一个广泛使用的 JavaScript 库,它简化了DOM操作、事件处理和动画效果,因此用jQuery来实现公告的上下无缝滚动是...
在网页设计中,公告滚动动画是一种常见的元素,用于展示重要的通知、新闻或促销信息。这种效果通常是通过HTML的`<marquee>`标签实现的。`<marquee>`是一个非标准但广泛支持的HTML标签,它提供了创建文本或图像水平或...
JavaScript中的无间隔滚动效果,通常用于创建新闻滚动条、公告滚动或者其他信息展示的效果。这种滚动技术使得文本或图片能够不间断地在网页上自动滚动,给用户带来动态视觉体验。在HTML5时代,虽然CSS3提供了许多...
- 对于垂直滚动,我们关注的是`scrollTop`属性,原理与水平滚动类似。 - 计算容器元素的高度及所有子元素的总高度。 - 设置定时器,改变容器的`scrollTop`,当滚动到顶部时,将其重置为初始位置以实现无缝滚动。 ...
在网页设计中,有时我们需要创建一个类似电视新闻滚动条的效果,让文字或图片能够不间断地滚动显示。在HTML5时代,我们可以利用JavaScript库如jQuery来实现这样的效果,尤其是模仿传统的Marquee标签,但更加灵活且可...
在本文中,我们将深入探讨`marquee.js`插件,这是一个强大的JavaScript工具,用于实现各种jQuery滚动效果。`marquee.js`是专门为那些希望在网站上添加动态、吸引人的滚动效果的开发者设计的。它兼容了jQuery库,为...
经典的通过Marquee标签来控制滚动有许多不尽人意的地方,这一点想必略通网页设计的人都知道。鄙人上传的此脚本(含Demo)是一个Marquee类,开放了几个接口轻松实现滚动的方向、延时、尺寸等参数的设置,对从事网页...
标题中的“字幕滚动——MarQuee控件”指的就是这个功能,它允许信息以滚动的方式在有限的空间内连续显示,常见于新闻标题、广告横幅或者电视屏幕底部的滚动字幕。 Marquee控件最早是HTML的一个非标准标签,主要在...
当使用`<marquee>`或类似的实现方法时,如果想要实现图片的无缝滚动,通常需要固定元素的宽度。这限制了动态添加图片的功能,因为每次添加新图片都需要手动调整宽度。 **解决方案:** - 使用JavaScript动态计算图片...