图片循环整体滚动是怎么实现的！！-CSDN论坛

图片循环整体滚动是怎么实现的！！

.NET技术 > ASP.NET

收藏回复

[问题点数：40分，结帖人NANAXMM]

⋅關于打印機的監控問題 ⋅孟子前辈，高手们近来看看JS调用DATALIST里面DIV的问题 ⋅图片循环整体滚动是怎么实现的！！ 更多帖子 关注私信空间博客 nanaxmm 等级 本版专家分：15 结帖率 75%: 一行多列可变的图片无限滚动，有整体翻动的感觉。而不是流水感。
如http://bbs.163.com/ 论坛帖图模块

2007-05-24 16:15:40

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅[置顶] 大家讨论一下该不该设置WPF和WCF专区 ⋅struts2中如何实现自定义配置？ ⋅ 大家有没有这个感觉？ 更多帖子 关注私信空间博客 ckpckphaha 等级 本版专家分：6906: 不会，帮楼主顶

2007-05-24 16:21:40

点赞只看TA 引用举报 #1得分 1

⋅[置顶] 大家讨论一下该不该设置WPF和WCF专区 ⋅struts2中如何实现自定义配置？ ⋅ 大家有没有这个感觉？ 更多帖子 关注私信空间博客 ckpckphaha 等级 本版专家分：6906: javascript实现的

2007-05-24 16:22:00

点赞只看TA 引用举报 #2得分 0

⋅用js给img加上结束符 ⋅用pdfbox把查询结果导成pdf文件 ⋅传递参数的时候怎么做安全些 更多帖子 关注私信空间博客 luyesql 等级 本版专家分：1376: javascript 应该可以看到源代码

2007-05-24 16:26:30

点赞只看TA 引用举报 #3得分 1

⋅關于打印機的監控問題 ⋅孟子前辈，高手们近来看看JS调用DATALIST里面DIV的问题 ⋅图片循环整体滚动是怎么实现的！！ 更多帖子 关注私信空间博客 nanaxmm 等级 本版专家分：15: <div id="icefable1" style="width:400;">

<table width='400' height="200" border='0' cellPadding='5' cellSpacing='0'>
  <tr>
    <td align="center" bgcolor="#F2F2F2">1。内容可以自己定义</td>
  </tr>
  <tr>
    <td align="center" bgcolor="#F9FAED">2。内容可以自己定义</td>
  </tr>
</table>

</div>
<div id="icefable2" style="position:absolute;z-index:1;visibility:hidden"></div>
<script>
marqueesHeight=100;//滚动区域高度设定
stopscroll=false;
icefable1.scrollTop=0;
with(icefable1){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
preTop=0; currentTop=0; stoptime=0;
function init_srolltext(){
icefable2.innerHTML="";
icefable2.innerHTML+=icefable1.innerHTML;
icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML;
setInterval("scrollUp()",20);
}
function scrollUp(){
if(stopscroll==true) return;
currentTop+=1;
if(currentTop==100)//向上滚动高度设定
{
stoptime+=1;
currentTop-=1;
if(stoptime==150)//停顿时间设定
{
  currentTop=0;
  stoptime=0;
}
}
else {
   preTop=icefable1.scrollTop;
   icefable1.scrollTop+=1;
   if(preTop==icefable1.scrollTop){
     icefable1.scrollTop=icefable2.offsetHeight-marqueesHeight;
     icefable1.scrollTop+=1;
   }
}
}
init_srolltext();
</script>
滚动和停顿的已经有的怎么能让他滚动的在快1点有那种翻书的感觉

2007-05-24 16:40:24

点赞只看TA 引用举报 #4得分 0

⋅ 两张不一样大小的图如何比较差异度 ⋅SourceDatabase.Tables只能取出数据库中两个表，其他表取不到 ⋅wcf返回message类型在客户端获取不到数据 更多帖子 关注私信空间博客 lem12 等级 本版专家分：1764: <%@ Page language="c#" Codebehind="WebForm2.aspx.cs" AutoEventWireup="false" Inherits="WebApplication3.WebForm2" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm2</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<SCRIPT>
marqueesHeight=100;//滚动区域高度设定
stopscroll=false;
function onlod()
{
debugger
var icefable1=document.getElementById("icefable1");
icefable1.scrollTop=1;
with(icefable1){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
}
preTop=0; currentTop=0; stoptime=0;
function init_srolltext(){
var icefable1=document.getElementById("icefable1");
var icefable2=document.getElementById("icefable2");
icefable2.innerHTML="";
icefable2.innerHTML+=icefable1.innerHTML;
icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML;
setInterval("scrollUp()",1);
}
function scrollUp(){
var icefable1=document.getElementById("icefable1");
var icefable2=document.getElementById("icefable2");
if(stopscroll==true) return;
currentTop+=1;
if(currentTop==100)//向上滚动高度设定
{
stoptime+=1;
currentTop-=1;
if(stoptime==200)//停顿时间设定
{
currentTop=0;
stoptime=0;
}
}
else {
preTop=icefable1.scrollTop;
icefable1.scrollTop+=1;
if(preTop==icefable1.scrollTop){
icefable1.scrollTop=icefable2.offsetHeight-marqueesHeight;
icefable1.scrollTop+=1;
}
}
}

</SCRIPT>
</HEAD>
<body onload="onlod();init_srolltext();" MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<DIV id="icefable1"><asp:datalist id="dltImg" runat="server" RepeatColumns="2" Width="100px" Height="8px" RepeatDirection="Horizontal">
<ItemTemplate>
<TABLE height="100" cellSpacing="0" cellPadding="0" width="100" border="0">
<TR>
<TD bgColor="red"><%# DataBinder.Eval(Container.DataItem,"djsj")%></TD>
</TR>
</TABLE>
</ItemTemplate>
</asp:datalist></DIV>
<DIV id="icefable2" style="Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute"></DIV>
<FONT face="宋体"></FONT><FONT face="宋体"></FONT>
</form>
</body>
</HTML>

2007-05-25 14:03:32

点赞只看TA 引用举报 #5得分 18

⋅孟子E章的留言板 ⋅2015年3月21日AppCan移动创业技术免费分享会（北京站） ⋅CSDN带你回家过年，火车票转让信息专用贴 更多帖子 关注私信空间博客 版主 孟子E章 等级 本版专家分：537673 勋章 名人 2019年荣获名人称号 年度总版至少三次排名前十即授予名人勋章 榜眼 2012年总版技术专家分年内排行榜第一 2007年总版技术专家分年内排行榜第二 2006年总版技术专家分年内排行榜第二 2004年总版技术专家分年内排行榜第二 探花 2005年总版技术专家分年内排行榜第三 2003年总版技术专家分年内排行榜第三 2002年总版技术专家分年内排行榜第三 进士 2011年总版技术专家分年内排行榜第六 2010年总版技术专家分年内排行榜第八: <%@ Page Language="C#" AutoEventWireup="true" EnableViewState="true" %>

<script runat="server">
  // 计算数据，完全可以从数据看取得
  ICollection CreateDataSource( )
  {
    System.Data.DataTable dt = new System.Data.DataTable();
    System.Data.DataRow dr;
    dt.Columns.Add(new System.Data.DataColumn("序号", typeof(System.String)));
    dt.Columns.Add(new System.Data.DataColumn("学生姓名", typeof(System.String)));
    dt.Columns.Add(new System.Data.DataColumn("语文", typeof(System.Decimal)));
    dt.Columns.Add(new System.Data.DataColumn("数学", typeof(System.Decimal)));
    dt.Columns.Add(new System.Data.DataColumn("英语", typeof(System.Decimal)));
    dt.Columns.Add(new System.Data.DataColumn("计算机", typeof(System.Decimal)));

    for (int i = 0 ; i < 8 ; i++)
    {
      System.Random rd = new System.Random(Environment.TickCount * i); ;
      dr = dt.NewRow();
      dr[0] = i.ToString();
      dr[1] = "【孟子E章】" + i.ToString();
      dr[2] = System.Math.Round(rd.NextDouble() * 100, 2);
      dr[3] = System.Math.Round(rd.NextDouble() * 100, 2);
      dr[4] = System.Math.Round(rd.NextDouble() * 100, 2);
      dr[5] = System.Math.Round(rd.NextDouble() * 100, 2);
      dt.Rows.Add(dr);
    }
    System.Data.DataView dv = new System.Data.DataView(dt);
    return dv;
  }

  protected void Page_Load( object sender, EventArgs e )
  {
    if (!IsPostBack)
    {

      DataList1.DataSource = CreateDataSource();
      DataList1.DataBind();
    }
  }

</script>

<head>
</head>
<body>
  <form id="Form1" runat="server">
    <asp:DataList ID="DataList1" runat="server">
      <ItemTemplate>
        <div id="icefable1<%#Container.ItemIndex %>" style="width: 700; position: ; z-index: 2;
          left: 190px; top: 90px;">
          
          <table width='700' height="200" border='0' cellpadding='0' cellspacing='0'>

            <tr>
              <td bgcolor="blue" height="100">
                <img src="http://dotnet.aspx.cc/Images/logoSite.gif" />
              </td>
              <td bgcolor="blue">
                <img src="http://dotnet.aspx.cc/Images/logoSite.gif" />
              </td> <td bgcolor="blue" height="100">
                <img src="http://dotnet.aspx.cc/Images/logoSite.gif" />
              </td>
              <td bgcolor="blue">
                <img src="http://dotnet.aspx.cc/Images/logoSite.gif" />
              </td>
            </tr>
            <tr>
              <td bgcolor="red" height="100">
               <img src="http://dotnet.aspx.cc/Images/logoSite.gif" />
              </td>
              <td bgcolor="red">
                <img src="http://dotnet.aspx.cc/Images/logoSite.gif" />
              </td>
               <td bgcolor="red" height="100">
               <img src="http://dotnet.aspx.cc/Images/logoSite.gif" />
              </td>
              <td bgcolor="red">
                <img src="http://dotnet.aspx.cc/Images/logoSite.gif" />
              </td>
            </tr>
          </table>
          
        </div>
        <div id="icefable2<%#Container.ItemIndex %>" style="position: relative; top: -100px;
          z-index: 1; visibility: hidden; display: none">
        </div>

        <script>
marqueesHeight<%#Container.ItemIndex %>=100;//滚动区域高度设定
stopscroll<%#Container.ItemIndex %>=false;
icefable1<%#Container.ItemIndex %>.scrollTop=1;
with(icefable1<%#Container.ItemIndex %>){
style.width=0;
style.height=marqueesHeight<%#Container.ItemIndex %>;
style.overflowX="visible";
style.overflowY="hidden";
noWrap<%#Container.ItemIndex %>=true;
onmouseover=new Function("stopscroll<%#Container.ItemIndex %>=true");
onmouseout=new Function("stopscroll<%#Container.ItemIndex %>=false");
}
preTop<%#Container.ItemIndex %>=0; currentTop<%#Container.ItemIndex %>=0; stoptime<%#Container.ItemIndex %>=0;
function init_srolltext<%#Container.ItemIndex %>(){
icefable2<%#Container.ItemIndex %>.innerHTML="";
icefable2<%#Container.ItemIndex %>.innerHTML+=icefable1<%#Container.ItemIndex %>.innerHTML;
icefable1<%#Container.ItemIndex %>.innerHTML=icefable2<%#Container.ItemIndex %>.innerHTML+icefable2<%#Container.ItemIndex %>.innerHTML;
setInterval("scrollUp<%#Container.ItemIndex %>()",1);
}
function scrollUp<%#Container.ItemIndex %>(){
if(stopscroll<%#Container.ItemIndex %>==true) return;
currentTop<%#Container.ItemIndex %>+=1;
if(currentTop<%#Container.ItemIndex %>==101)//向上滚动高度设定
{
stoptime<%#Container.ItemIndex %>+=1;
currentTop<%#Container.ItemIndex %>-=1;
if(stoptime<%#Container.ItemIndex %>==200)//停顿时间设定
{
  currentTop<%#Container.ItemIndex %>=0;
  stoptime<%#Container.ItemIndex %>=0;
}
}
else {
   preTop<%#Container.ItemIndex %>=icefable1<%#Container.ItemIndex %>.scrollTop;
   icefable1<%#Container.ItemIndex %>.scrollTop+=1;
   if(preTop<%#Container.ItemIndex %>==icefable1<%#Container.ItemIndex %>.scrollTop){
     icefable1<%#Container.ItemIndex %>.scrollTop=icefable2<%#Container.ItemIndex %>.offsetHeight-marqueesHeight<%#Container.ItemIndex %>;
     icefable1<%#Container.ItemIndex %>.scrollTop+=1;
   }
}
}
init_srolltext<%#Container.ItemIndex %>();
        </script>

      </ItemTemplate>
    </asp:DataList>
  </form>
</body>
</html>

2007-05-25 14:22:48

点赞只看TA 引用举报 #6得分 18

⋅Dictionary<string, DataStruct.OnLineUsers> 类型的数据，在socket通信里怎么在字节数组类型之间相互转化？ ⋅一个表中有type ,numberData两个字段, type存的是类别,numberData,存的是正数,负数和0,我现在查出 numberData里>=0 ⋅mysql按小时统计注册人数怎么弄,只有一个注册时间字段格式为('2010-06-10 20:39:18') 更多帖子 关注私信空间博客 syc958 等级 本版专家分：7539: 1.用flash+数据库来实现
2.js实现!网上例子太多!
3.孟子老大的一定可行!虽然我没有看!

2007-05-25 14:45:02

点赞只看TA 引用举报 #7得分 1

⋅dotnetCHARTING如何显示有小数点的数字 ⋅silverlight有中文智能提示？ ⋅ Windows时钟已经进入宇宙压缩时间 更多帖子 关注私信空间博客 beyongpaul 等级 本版专家分：172: 已收藏```谢过几位```

2007-05-25 15:08:31

点赞只看TA 引用举报 #8得分 1

收起

收藏回复

nanaxmm

等级：

关注私信 TA的帖子

opengl读取obj文件显示三维图像的C程序: 主程序包括两个功能，读取obj文件和显示图形。设置三个二维数组，分别存放顶点、顶点颜色和三角形，将obj文件中的数据读入三个数组中。调用语句glColor3fv(vertexcolor[face[m][i]-1]);glVertex3fv(vertex[face[m]...

[计算机图形学] OpenGL读取obj文件并显示其3D效果:  读取三维网格模型（Wavefront OBJ文件）无法向立方体：cube.obj 有法向兔子模型：bunny.obj 有法向有纹理八字模型：Eight.obj OBJ文件的格式可参考：...

openGL-读取off、stl、obj文件并旋转平移缩放操作: 最近图形学实验要求做一个off、obj文件并旋转平移缩放操作的练习，我顺手把stl（二进制）也做了一下。支持操作：旋转、平移、缩放、改变散射光、改变光源位置。而且可以在显示点、线、面三者切换注意我没有...

Qt实现读取显示obj文件——绘制数据: 前面的工作做好之后，绘制的代码就没那么麻烦了，但是要注意纹理坐标和面的节点坐标是交替进行的，就是一个纹理坐标，一个节点坐标~否则显示不出来纹理！//渲染模型 void _glDraw(_GLModel* model, size_t mode) { ...

Opengl教程之 读取obj并绘制在picturecontrol控件内: 注：本文将简单图文表述基于MFC对话框的OpenGL三维显示(picture control 类版)以及obj文件读取绘制目录一、配置相应环境二、建立CMyStatic类 2.1 添加类 2.2 类向导 2.2.1添加消息处理函数...

opengl | openmesh 读取显示3d模型文件: 转自：http://blog.csdn.net/qq_28057541/article/details/51362945 ...F1,F2,F3 可以更换显示文件 （file1：cow.obj file2：cactus.ply file3 : Armadillo.off） F4 更换显示模式 (wire,flat,flatline

openGL三维网格坐标，旋转，缩放，灯光设置，纹理读取，模型读取（MFC单文档）: 最近学习计算机图形学写的基于opengGL的作业 ...三维网格坐标建立 2.基本3维图形创建 3.鼠标相应旋转缩放 ...7.读取模型关于MFC配置编写openGL网上有很多教程需要的函数创建一般是：OnCreat() OnDestro

读取STL模型并用opengl显示: utm_medium=referral 说起STL模型，相信使用过CAD三维软件的人都不陌生， STL = STL文件，一种3D模型文件格式STL（STereo Lithography的缩写） STL文件格式是由3D SYSTEMS 公司于1988 年制定...

现代opengl 设计 3D模型文件导入显示: 利用3D模型导入库assimp，可以读取很多种格式的3D模型文件，现在我们就用opengl 显示出来。而这需要一个桥，就是数据和opengl 显示，前文我们介绍了网格Mesh类，现在介绍model 类。有了这2个类，我们就可以完成了3D...

Opengl教程之读取stl文件并绘制在picturecontrol控件内: Opengl教程之读取stl并绘制在picturecontrol...STL 是三维模型常用的文件格式，其使用三角面片来表示三维实体模型。本文进行将进行STL模型可视化研究，并开放源代码。一、我们使用SolidWorks建立一个一字连接件并

[比较老的文章]三维渲染引擎 OGRE 与 OSG 的比较综述: 传统的直接使用底层图形接口如OpenGL、DirectX开发图形应用的模式越来越暴露出开发复杂性大、周期性长、维护困难的缺陷。为此国外出现了许多优秀的三维渲染引擎，比如Delta3D，OGRE，OSG，Unity3d，VTK等。渲染引擎...

如何将外部的obj模型导入OpenGL: 作者：feiquan ... 版权声明：本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。...　obj中存放的是顶点坐标信息（v）...

开发技术集合（包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、ffmpeg、OSG、单片机、软硬结合等等）持续...: 若该文为原创文章，未经允许不得转载原博主博客地址：... 红模仿的博文大全：开发技术集合（包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、单片机、软硬结合等等）持续更新中... ...

OSG/OSGEarth一万一千字学习实践完整总结（强烈推荐！！！）: 3、将osgEarth程序运行结果在MFC文档视图中显示。四、运行程序，即可看到如下结果： 04基本功能实现 Earth文件加载地理空间数据加载影像数据加载DEM数据 Earth文件加载地理空间数据显示与隐藏 ...

Win7 x64 vc6.0下配置OpenGL: 它用于三维图像（二维的亦可），是一个功能强大，调用方便的底层图形库。 GLUT库是一个与窗口系统无关的工具包, OpenGL主要包括三个函数库，它们是核心库、实用函数库和编程辅助库。核心库中包含了OpenGL最基本的...

osg加载模型后使模型居中且以最佳大小显示: 问题：单独加载某个模型，像cow.osg加载进去后都是恰好大小的显示在我们前面，但有些我们自己做的模型貌似就不一定了，有时太大，有时太小，甚至有时视野里根本就找不到，但你查看节点又有。这该怎么解决呢？解决：...

OpenGL-张立铜-专题视频课程: 课程涵盖了OpenGL开发的方方面面,对开发中经常用到的开发知识点进行讲解,从实战的角度进行编码设计. 第1章-环境建立第2章-基础图元第3章-三维世界第4章-纹理多彩世界第5章-显存的分配-优化第6章-场景控制...

解析DXF图形文件格式: 一、DXF文件格式分析 DXF文件由标题段、表段、块段、实体段和文件结束段5部分组成，其内容如下。 ☆标题段（HEADER）标题段记录AutoCAD系统的所有标题变量的当前值或当前状态。标题变量记录了Auto...

CUDA从入门到精通: 在老板的要求下，本博主从2012年上高性能计算课程开始接触CUDA编程，随后将该技术应用到了实际项目中，使处理程序加速超过1K，可见基于图形显示器的并行计算对于追求速度的应用来说无疑是一个理想的选择。...

论简化三维流水线和逼近真实流水线快速构造引擎: Loserwang保留版权，转载请注明出处：http://hi.baidu.com/loserwang电子邮件:dreamcasttop at163.com《简化三维流水线和逼近真实流水线》目的：通过简化流水线可以在相当短的实践周期内逼近真实流水线。...

经典CUDA教程: 在老板的要求下，本博主从2012年上高性能计算课程开始接触CUDA编程，随后将该技术应用到了实际项目中，使处理程序加速超过1K，可见基于图形显示器的并行计算对于追求速度的应用来说无疑是一个理想的选择。...

android知识点（好）: 我们都知道Android平台没有任务管理器，而内部App维护者一个Activity history stack来实现窗口显示和销毁，对于常规从快捷方式运行来看都是startActivity可能会使用FLAG_ACTIVITY_NEW_TASK标记来打开一个新窗口，...

文章收录1: 网站地图(Build090324)：(2013-8-2 15:50:47) 1. 网站地图-网站地图-网站地图-网站地图-网站地图-网站地图-网站地图-网站地图-网站地图-网站地图-@title 2. @title 3. Hive Metastore 代码简析 ...

2020数学建模A题: 2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据

SAP FIORI开发入门: 【课程目标】打造一个简单实用的 SAP FIORI 入门开发课程，帮助广大 SAP 技术人员或者希望进入 SAP 技术领域的人打开一扇门。【课程形式】视频教程 + PDF 参考资料【学习门槛】零门槛，无需任何额外知识【作者微信】eksbobo 【如何入群】使用购买课程的 ID 作为请求信息，发送到作者的微信添加好友，作者会把您拉入到这门课程的微信群中。打造一个简单实用的 SAP FIORI 入门开发课程，帮助广大 SAP 技术人员或者希望进入 SAP 技术领域的人打开一扇门。

智鼎(附答案).zip: 并不是完整题库，但是有智鼎在线2019年9、10、11三个月的试题，有十七套以上题目，普通的网申行测题足以对付，可以在做题时自己总结一些规律，都不是很难

主成分分析法matlab源代码: 用MATLAB实现的主成分分析法，有数据，可直接运行

基于支持向量机的P300脑电信号分类研究: 基于支持向量机的P300脑电信号分类研究-吕竟雷本文针对P300脑电信号的特点，通过P300仿真信号和国际标准实验信号，对支持向量机分类识别P300脑电信号进行了研究。研究结果显示，支持向量机对P300仿真信号具有很高的识别率和识别速度;对于真实P300脑电信号，在标准识别方案的基础上，通过多次信号平均和参数优化，并采用整个训练集进行分类器的训练，识别率达到90. 3%，满足了识别性能要求。值得一提的是，在分类识别过程中，仅仅采用了15个通道的采样数据和较少的预处理(总通道数:64 )，识别速度比较快。

matlab2020a下载地址.txt: 最新的matlab软件的下载地址，推荐配合我的博客一起看。

热传导方程的matlab解法: 热传导方程问题的matlab解法，是用区域分解方法解决pde（偏微）问题。是用matlab写的，请尝试运行

相关热词 c# 按行txt c#怎么扫条形码 c#打包html c# 实现刷新数据 c# 两个自定义控件重叠 c#浮点类型计算 c#.net 中文乱码 c# 时间排序 c# 必备书籍 c#异步网络通信