DataList 套一个无缝跑马灯效果

问题描述

下面是DataList代码:<asp:DataListID="DataList2"runat="server"CellSpacing="1"RepeatColumns="4"Width="544px"Font-Size="Smaller"><ItemTemplate><ahref='information.aspx?product_id=<%#container.DataItem("product_id")%>'><imageborder="0"height="100"src='photo/<%#container.DataItem("photo_url")%>'width="100"></image></a></br><fontcolor="blue"size="2">名称:</font><%#Container.DataItem("product_information")%><br><fontcolor="blue"size="2">剩余:</font><%#Container.DataItem("product_per")%></ItemTemplate></asp:DataList>我想在外面套个JS的无缝跑马等效果在网上下了JS代码我套了一上午硬是没套出来哪位大哥帮帮小弟谢谢了

解决方案

解决方案二:
http://hi.baidu.com/08hlw/blog/item/b6b8e0a8a37161b5ca130ce9.html
解决方案三:
xuexi!!
解决方案四:
<tablealign="center"border="0"cellpadding="0"cellspacing="0"width="750"><tbody><tr><td><divid="demo"style="overflow:hidden;width:100%;color:#ffffff"><tablealign="left"border="0"cellpadding="0"cellspacing="0"><tbody><tr><tdid="demo1"valign="top"><!--DataList开始--><asp:DataListID="DataList2"runat="server"RepeatColumns="300"RepeatDirection="Horizontal"><ItemTemplate><tableborder="0"cellpadding="0"cellspacing="0"><tr><td><tablebgcolor="#FFFFFF"border="0"cellpadding="0"cellspacing="2"class="o_smoke"><tr><td><ahref='personinfo.aspx?id=<%#Eval("eppid")%>'target='_blank'><imgborder="0"height="120"src='employee/baseinfo/uppic/<%#Eval("pic")%>'title='<%#Eval("empname")%>'width="150"/></a></td></tr></table></td></tr><tr><tdalign="center"><ahref='personinfo.aspx?id=<%#Eval("eppid")%>'target="_blank"><%#Eval("empname")%></a></td></tr></table></ItemTemplate></asp:DataList><!--DataList结束--></td><tdid="demo2"valign="top">&nbsp;</td></tr></tbody></table></div><scriptlanguage="JavaScript"src="Common/Script/scrollpic.js"></script></td></tr></tbody></table>

scrollpic.js代码如下:varspeed3=25//速度数值越大速度越慢demo2.innerHTML=demo1.innerHTMLfunctionMarquee(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{demo.scrollLeft++}}varMyMar=setInterval(Marquee,speed3)demo.onmouseover=function(){clearInterval(MyMar)}demo.onmouseout=function(){MyMar=setInterval(Marquee,speed3)}

lz试试
解决方案五:
3楼代码OK我单建个页面效果OK但是是套到主页里就不行了纳闷了
解决方案六:
你主页上有什么特殊的东东?

时间: 2024-10-25 11:54:31

DataList 套一个无缝跑马灯效果的相关文章

基于JQuery实现的跑马灯效果(文字无缝向上翻动)_jquery

(function($){ $.fn.extend({ "slideUp":function(value){ var docthis = this; //默认参数 value=$.extend({ "li_h":"30", "time":2000, "movetime":1000 },value) //向上滑动动画 function autoani(){ $("li:first",doc

跑马灯 remoteviews-RemoteViews 中包含一个TextView 怎样实现跑马灯效果

问题描述 RemoteViews 中包含一个TextView 怎样实现跑马灯效果 RemoteViews 中包含一个TextView 怎样实现跑马灯效果 具体代码如下: 配置文件: <TextView android:id="@+id/txt_trackinfo" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_a

JavaScript小技巧制作的跑马灯效果

javascript|技巧 以下是我们所制作的跑马灯效果的源程序 <html> <head> <script language="JavaScript"> <!-- Hide var scrtxt="这儿的讯息可以改为你要告诉别人的话 "+" 或是注意事项 ..."; var lentxt=scrtxt.length; var width=100; var pos=1-width; function sc

跑马灯效果实现方式三种

跑马灯效果的实现         (1)Android自带的跑马灯效果     <TextView         android:id="@+id/tv_marquee_normal"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:ellipsize="marquee

手机能实现跑马灯效果吗?

问题描述 手机能实现跑马灯效果吗?能实现的话谁能给个代码,不胜感激!! 解决方案 解决方案二:这个有现成的类库,j2me基础类库就可以实现解决方案三:用高级界面和低级界面都可以实现.高级界面用Gauge来实现Gaugeg=newGauge("跑马灯",false,200,0); 低级界面采用一个线程不断更新绘制的起始位置并重绘.解决方案四:在j2me中有一个这样的API可以实现跑马灯效果,tricker什么的可以,你到书上详细查查吧

Javascript实现跑马灯效果的简单实例_javascript技巧

页面html: <div> <div id="imgShows" runat="server" style="padding-bottom: 10px;"> <div id="demo" style="overflow: hidden; width: 100%; height: 190px"> <table cellspacing="0" cel

Android自定义View实现竖直跑马灯效果案例解析_Android

首先给出跑马灯效果图   中间的色块是因为视频转成GIF造成的失真,自动忽略哈. 大家知道,横向的跑马灯android自带的TextView就可以实现,详情请百度[Android跑马灯效果].但是竖直的跑马灯效果原生Android是不支持的.网上也有很多网友实现了自定义的效果,但是我一贯是不喜欢看别人的代码,所以这篇博客的思路完全是我自己的想法哈.  首先,我们需要给自定义的控件梳理一下格局,如下图所示:  1.首先我们将控件分为三个区块,上面绿色部分为消失不可见的块,中间黑色部分为可见区域,下

Android TextView实现跑马灯效果的方法_Android

本文为大家分享一个非常简单但又很常用的控件,跑马灯状态的TextView.当要显示的文本长度太长,又不想换行时用它来显示文本,一来可以完全的显示出文本,二来效果也挺酷,实现起来超级简单,所以,何乐不为.先看下效果图: 代码实现 TextView自带了跑马灯功能,只要把它的ellipsize属性设置为marquee就可以了.但有个前提,就是TextView要处于被选中状态才能有效果,看到这,我们就很自然的自定义一个控件,写出以下代码: public class MarqueeTextView ex

android应用中用TextView实现跑马灯效果实例教程

如何实现两个TextView的跑马灯效果,如果使用常规的做法,只能够使一个TextView起作用. 现在方法具体如下: 1.为TextView增加四个属性 android:ellipsize="marquee" android:focusable="true" android:focusableInTouchMode="true" android:singleLine="true" 实现TextView类,实现三个构造函数并重