`
zwh910621
  • 浏览: 147191 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

flex 滚动信息(类似struts2的marquee)

    博客分类:
  • flex
阅读更多

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}">
							&nbsp;&nbsp;<s:property value="systemBoardName" /> </a>
							&nbsp;&nbsp;<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> 
5
0
分享到:
评论
5 楼 yko2008 2010-11-26  
zwh910621 写道
mr_kairy 写道
何不尝试脱离flex 纯 AS。

请教一下,为什么要脱离FLEX用纯AS来写呢?
AS不是不能实现,我就想问一下,为什么要用纯AS,这样做有什么好处

我的理解,体积小..
4 楼 zwh910621 2010-11-25  
mr_kairy 写道
何不尝试脱离flex 纯 AS。

请教一下,为什么要脱离FLEX用纯AS来写呢?
AS不是不能实现,我就想问一下,为什么要用纯AS,这样做有什么好处
3 楼 mr_kairy 2010-11-24  
何不尝试脱离flex 纯 AS。
2 楼 yangguo 2010-11-17  
marquee不是struts2的好不好,html就支持。
1 楼 varyall 2010-11-15  
挺好的,我以前做过一个,不过没你这个理想点,你的东西,我拿走了

相关推荐

    利用Marquee实现无缝循环滚动文字

    在提供的代码示例中,通过JavaScript结合CSS实现了一个类似`&lt;marquee&gt;`标签的无缝循环滚动效果。 - **关键代码解析**: - **CSS样式**:定义了滚动区域的背景颜色、溢出隐藏、宽度和高度等样式。 - **HTML结构**...

    js替代marquee实现图片无缝滚动

    我们可以周期性地调用`Marquee`函数,该函数会检查`demo1`和`demo2`的相对位置,当`demo2`到达顶部时,将`demo`的`scrollTop`设置为负的`demo1`高度,使得`demo1`重新出现在视口中,从而实现无缝滚动。 同样的原理...

    marquee图片无缝滚动(上下左右均可)

    2. **无缝滚动**:通过调整`&lt;marquee&gt;`的属性,如`scrollamount`(滚动速度)、`direction`(滚动方向)和`loop`(循环次数),可以实现无缝滚动效果。使用JavaScript库或插件可以更好地控制这些参数,以实现更流畅...

    js div实现左右滚动 无缝接 ,比 marquee强

    js div实现左右滚动 无缝接 ,比 marquee强

    marquee效果

    "marquee"效果是网页设计中一种常见的滚动文本特效,它可以使文字或图像在页面上持续不断地滚动,类似于电视屏幕下方的新闻滚动条。在HTML和JavaScript中,都有实现marquee效果的方法。在这个主题中,我们将深入探讨...

    推荐通用文字图片JS不间断滚动封装类 代替Marquee

    标题提到的"推荐通用文字图片JS不间断滚动封装类 代替Marquee",就是一种利用JavaScript实现的动态效果,它旨在为文字和图片提供一种类似传统的Marquee(滚动条)效果,但更加灵活且易于使用的解决方案。Marquee是...

    jQuery 模拟 Marquee 无缝滚动 不间断滚动

    通过以上步骤,我们可以使用 jQuery 创建一个类似于传统 Marquee 的无缝滚动效果,而且这种方法更加灵活,可以轻松地与其他 jQuery 功能结合,或者进行更复杂的动画操作。实践过程中,你可以根据需求调整滚动速度、...

    Marquee替代 -- 无间滚动

    Marquee标签一直以来都被W3C排斥,而且,屁股后...所以,俺就做了个支持多个实例,兼容性好的替代品(其实是一年前做的...),虽然没什么技术含量,可是简单实用,只要简简单单的四步就能实现Marquee替代无间滚动效果。

    水平滚动字幕jquery插件,marquee效果

    水平滚动字幕jquery插件,marquee效果。使用:$('.txt-scroll').txtscroll({'speed': 50});

    Marquee仿照LED广告文字滚动

    Marquee元素在网页设计中常被用来实现类似LED广告文字滚动的效果,它允许文本或内容在页面上持续滚动,从而吸引用户的注意力。这个压缩包文件"demoMarquee"提供了这样一个功能,用户可以自定义滚动速度、方向、文字...

    js Marquee上下滚动效果

    在网页设计中,Marquee元素常被用来实现文本或图像的滚动展示,尤其在有限的空间内展示大量信息时非常实用。本篇将深入讲解如何利用JavaScript实现一个上下滚动的效果,并参考提供的"MSClass.js"文件进行分析。 一...

    jQuery实现网站中公告上下无缝滚动,marquee

    在网页设计中,公告或广告的滚动效果是一个常见的需求,以吸引用户的注意力并展示更多信息。jQuery 是一个广泛使用的 JavaScript 库,它简化了DOM操作、事件处理和动画效果,因此用jQuery来实现公告的上下无缝滚动是...

    公告滚动动画,从右到左滚动,marquee标签效果

    在网页设计中,公告滚动动画是一种常见的元素,用于展示重要的通知、新闻或促销信息。这种效果通常是通过HTML的`&lt;marquee&gt;`标签实现的。`&lt;marquee&gt;`是一个非标准但广泛支持的HTML标签,它提供了创建文本或图像水平或...

    JS无间隔滚动代码,javascript,marquee

    JavaScript中的无间隔滚动效果,通常用于创建新闻滚动条、公告滚动或者其他信息展示的效果。这种滚动技术使得文本或图片能够不间断地在网页上自动滚动,给用户带来动态视觉体验。在HTML5时代,虽然CSS3提供了许多...

    javascript特效无缝滚动marquee

    - 对于垂直滚动,我们关注的是`scrollTop`属性,原理与水平滚动类似。 - 计算容器元素的高度及所有子元素的总高度。 - 设置定时器,改变容器的`scrollTop`,当滚动到顶部时,将其重置为初始位置以实现无缝滚动。 ...

    jQuery 模仿 Marquee 间歇式 无缝滚动 不间断滚动

    在网页设计中,有时我们需要创建一个类似电视新闻滚动条的效果,让文字或图片能够不间断地滚动显示。在HTML5时代,我们可以利用JavaScript库如jQuery来实现这样的效果,尤其是模仿传统的Marquee标签,但更加灵活且可...

    marquee.js插件演示9种jQuery滚动效果

    在本文中,我们将深入探讨`marquee.js`插件,这是一个强大的JavaScript工具,用于实现各种jQuery滚动效果。`marquee.js`是专门为那些希望在网站上添加动态、吸引人的滚动效果的开发者设计的。它兼容了jQuery库,为...

    Javascript实现Marquee的滚动功能

    经典的通过Marquee标签来控制滚动有许多不尽人意的地方,这一点想必略通网页设计的人都知道。鄙人上传的此脚本(含Demo)是一个Marquee类,开放了几个接口轻松实现滚动的方向、延时、尺寸等参数的设置,对从事网页...

    字幕滚动——MarQuee控件

    标题中的“字幕滚动——MarQuee控件”指的就是这个功能,它允许信息以滚动的方式在有限的空间内连续显示,常见于新闻标题、广告横幅或者电视屏幕底部的滚动字幕。 Marquee控件最早是HTML的一个非标准标签,主要在...

    marquee无缝隙循环

    当使用`&lt;marquee&gt;`或类似的实现方法时,如果想要实现图片的无缝滚动,通常需要固定元素的宽度。这限制了动态添加图片的功能,因为每次添加新图片都需要手动调整宽度。 **解决方案:** - 使用JavaScript动态计算图片...

Global site tag (gtag.js) - Google Analytics