可用于产品展示的匀速图片滚动代码

news/2024/7/24 9:07:59

代码简介：

经过美化过的匀速图片滚动，速度在JS函数里可以自己调整，带有注释，数值越大滚动越慢。为了节省下载时间，这里的图上用文字代替了，你用的时候自己加上吧。

代码内容：

ExpandedBlockStart.gif View Code
< HTML >
< HEAD >
< TITLE > 可用于产品展示的匀速图片滚动代码_网页代码站(www.webdm.cn) </ TITLE >
< style >
P  {
    MARGIN :  20px
 }
.table-left-right  {
    BORDER-LEFT :  #E7E7E7 1px solid ;
    BORDER-RIGHT :  #E7E7E7 1px solid ;
}
TD  {
    font-size :  12px ;
}
.hangju  {
    line-height :  20px ;
    word-spacing :  3pt ;
}
.title
 {
    color :  #000000 ;
    font-weight :  bold ;
}
.title2
 {
    color :  #ffffff ;
    font-weight :  bold ;
}
.title3
 {
    color :  #000000 ;
    font-weight :  bold ;
}
</ style >
</ HEAD >
< BODY  leftMargin =0  topMargin =2  marginheight ="0"  marginwidth ="0" >
< CENTER >
   < TABLE 
 style ="BORDER: #eeeeee 1px solid"  
cellSpacing =0  cellPadding =0  width =750  align =center  border =0 >
   < TBODY >
   < TR >
     < TD >
       < DIV  id =demo  style ="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff" >
       < TABLE  cellSpacing =0  cellPadding =0  align =left  border =0  cellspace ="0" >
         < TBODY >
         < TR >
           < TD  id =demo1  vAlign =top >< table  width ="1710"  height ="116"   border ="0"  cellpadding ="0"  cellspacing ="0" >
             < tr >
               < td  width ="171"  background ="http://www.webdm.cn/images/20091003/pic_bg.jpg" >< div  align ="center" > 第1张 </ div ></ td >
               < td  width ="171"  background ="http://www.webdm.cn/images/20091003/pic_bg.jpg" >< div  align ="center" > 第2张 </ div ></ td >
               < td  width ="171"  background ="http://www.webdm.cn/images/20091003/pic_bg.jpg" >< div  align ="center" > 第3张 </ div ></ td >
               < td  width ="171"  background ="http://www.webdm.cn/images/20091003/pic_bg.jpg" >< div  align ="center" > 第4张 </ div ></ td >
               < td  width ="171"  background ="http://www.webdm.cn/images/20091003/pic_bg.jpg" >< div  align ="center" > 第5张 </ div ></ td >
               < td  width ="171"  background ="http://www.webdm.cn/images/20091003/pic_bg.jpg" >< div  align ="center" > 第6张 </ div ></ td >
               < td  width ="171"  background ="http://www.webdm.cn/images/20091003/pic_bg.jpg" >< div  align ="center" > 第7张 </ div ></ td >
               < td  width ="171"  background ="http://www.webdm.cn/images/20091003/pic_bg.jpg" >< div  align ="center" > 第8张 </ div ></ td >
               < td  width ="171"  background ="http://www.webdm.cn/images/20091003/pic_bg.jpg" >< div  align ="center" > 第9张 </ div ></ td >
               < td  width ="171"  background ="http://www.webdm.cn/images/20091003/pic_bg.jpg" >< div  align ="center" > 第10张 </ div ></ td >
             </ tr >
           </ table ></ TD >
           < TD  id =demo2  vAlign =top > &nbsp; </ TD ></ TR ></ TBODY ></ TABLE ></ DIV >
       < SCRIPT >  
 var  speed3 = 25 // 速度,数值越大越慢
demo2.innerHTML = demo1.innerHTML
 function  Marquee(){
 if (demo2.offsetWidth - demo.scrollLeft <= 0 )
demo.scrollLeft -= demo1.offsetWidth
 else {
demo.scrollLeft ++
}
}
 var  MyMar = setInterval(Marquee,speed3)
demo.onmouseover = function () {clearInterval(MyMar)}
demo.onmouseout = function () {MyMar = setInterval(Marquee,speed3)}
 </ SCRIPT >
</ TD ></ TR ></ TBODY ></ TABLE ></ TD ></ TR ></ TABLE >
</ CENTER >
</ BODY >
</ HTML >
< br  />
< p >< a  href ="http://www.webdm.cn" > 网页代码站 </ a >  - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码！ </ p >
代码来自：http://www.webdm.cn/webcode/e72fe4a0-ede8-49da-ad75-3a4481629a6c.html

 

转载于:https://www.cnblogs.com/webdm/archive/2011/08/16/2140102.html


http://www.niftyadmin.cn/n/1135773.html

相关文章

tomcat启动时启动窗口出现乱码的解决方案

tomcat启动时启动窗口出现乱码的解决方案

本质原因就一个&#xff1a;字节流解码为字符串时&#xff0c;使用了错误的字符集&#xff08;和编码所用字符集不一致&#xff09;&#xff01; 我们来到tomcat目录的conf子目录中&#xff0c;找到一个名为 "logging.properties" 的文件&#xff0c;打开这个文本文…
阅读更多...
安卓手机模拟器的安装

安卓手机模拟器的安装

随着手机平板电脑的盛行&#xff0c;越来越多的管理系统需要支持多种移动设备。手机和平板大多支持触摸&#xff0c;分辨率也小&#xff0c;因此和pc机的界面输入方式等很不一样。很多软件都需要在做界面的时候&#xff0c;单独做出一份触摸屏的版本。后台的业务逻辑层和pc机上…
阅读更多...
中缀转后缀表达式c/c++描述（下）

中缀转后缀表达式c/c++描述（下）

整个程序的功能是先把中缀表达式转换成标准的中缀表达式&#xff0c;所有数据与运算符之间有一个空格&#xff0c;运算符之间&#xff0c;也有一个空格&#xff08;我们把括号也当作运算符&#xff09;。若空格多于一个则只保留一个空格。这个功能见transferToNormal函数&#…
阅读更多...
Codeforces Round #626 Div. 2 A - Even Subset Sum Problem

Codeforces Round #626 Div. 2 A - Even Subset Sum Problem

一、内容 You are given an array a consisting of n positive integers. Find a non-empty subset of its elements such that their sum is even (i.e. divisible by 2) or determine that there is no such subset. Both the given array and required subset may contain e…
阅读更多...
linux系统管理一些有用加有趣的命令

linux系统管理一些有用加有趣的命令

先是进行mysql的备份 /usr/local/mysql/bin/mysqldump -u root -p...... (库名) | /usr/bin/bzip2 >> /srv/backup/(前缀名)-date %F_%T.sql.bz2 然后将最新的备份包发送到邮箱 /usr/bin/uuencode /bin/ls -lr | /bin/awk {print $9} | /bin/sed /^$/d | /usr/bin/head -…
阅读更多...
广义表的c/c++描述（上）理论篇

广义表的c/c++描述（上）理论篇

广义表仍然属于单链表&#xff0c;是在单链表的基础上扩大应用范围而来的&#xff0c;即链表中的节点不仅可以是元素、数据&#xff0c;还可以是子表&#xff0c;一个新的子链表&#xff0c;子表也有自己的表头节点。用结构体变量描述链表节点&#xff0c;每个节点都有两个指针…
阅读更多...
数据结构实验之链表三：链表的逆置

数据结构实验之链表三：链表的逆置

题目描述 输入多个整数&#xff0c;以-1作为结束标志&#xff0c;顺序建立一个带头结点的单链表&#xff0c;之后对该单链表的数据进行逆置&#xff0c;并输出逆置后的单链表数据。输入 输入多个整数&#xff0c;以-1作为结束标志。输出 输出逆置后的单链表数据。示例输入 12 5…
阅读更多...
CodeForces - 1323B Count Subrectangles

CodeForces - 1323B Count Subrectangles

一、内容 You are given an array a of length n and array b of length m both consisting of only integers 0 and 1. Consider a matrix c of size nm formed by following rule: ci,jai⋅bj (i.e. ai multiplied by bj). Its easy to see that cconsists of only zeroes a…
阅读更多...
最新文章

Copyright @ 2022~2023