登录论坛 | 注册会员 设为首页 | 收藏本站
当前位置 : 首页>软件学院>程序开发>网页设计>正文
 
js不间断滚动代码(向上/向下/向左/向右)

http://www.dbit.cn 2010/3/25 11:27:39  来源:东北IT网  编辑:叶子
 
<div id="roll_lr" style="overflow:hidden; width:610px;">
      <table width="611px" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td id="roll_lr1">
   
        <table width="610" border="0" cellspacing="3" cellpadding="3">
            <tr>      

        <td align="center"><a href="anliHit.asp?ID=dfgsd" target="_blank"><img src="manage/dsfgsdfg" width="115" height="80" border="0" /></a><br /><br />fdgsdfg</td>
        <td align="center"><a href="anliHit.asp?ID=dfgsd" target="_blank"><img src="manage/dsfgsdfg" width="115" height="80" border="0" /></a><br /><br />fdgsdfg</td>
        <td align="center"><a href="anliHit.asp?ID=dfgsd" target="_blank"><img src="manage/dsfgsdfg" width="115" height="80" border="0" /></a><br /><br />fdgsdfg</td>
        <td align="center"><a href="anliHit.asp?ID=dfgsd" target="_blank"><img src="manage/dsfgsdfg" width="115" height="80" border="0" /></a><br /><br />fdgsdfg</td>
        <td align="center"><a href="anliHit.asp?ID=dfgsd" target="_blank"><img src="manage/dsfgsdfg" width="115" height="80" border="0" /></a><br /><br />fdgsdfg</td>

            </tr>
          </table>
   
    </td>
          <td id="roll_lr2"></td>
        </tr>
      </table>
</div>


<script language="javascript" type="text/javascript">

    var roll_lr = document.getElementById("roll_lr");
    var roll_lr1 = document.getElementById("roll_lr1");
    var roll_lr2 = document.getElementById("roll_lr2");
    var speedLR=30;//数值越大滚动速度越慢
   
    roll_lr2.innerHTML=roll_lr1.innerHTML
    roll_lr.scrollLeft=roll_lr.scrollWidth
   
    //向左
    function MarqueeLR(){
        if(roll_lr2.offsetWidth-roll_lr.scrollLeft<=0)
            roll_lr.scrollLeft-=roll_lr1.offsetWidth
        else{
            roll_lr.scrollLeft++
        }

本新闻共2页,当前在第1页  1  2  

收藏】【打印】【进入论坛
  相关文章:

·CSS网页设计参考:把HTML标记分类 
·用标题来提高网站流量的常用手段
·去掉“允许此网页访问剪贴板”提示 
·如何解决 403 错误
·网页设计师要知道的30条HTML代码编写的技巧
·提高文章类网站用户黏度的五种方式
·制作网页的5条非常不错的建议
·网页设计师需要掌握的11项SEO技巧
·网页设计细节:扩大用户可操作区域
·网站要成功必须具备的6点 
·网页设计 有效提高网站转换率的设计

 
 
 
最新文章

抢先苹果,消息称英特尔芯片采用台积电
三星揭晓业内首款单条 512GB DDR5 内存
vivo 高端新机爆料:120Hz 曲面屏 + 天
vivo Y21 在印度正式上市:Helio P35 芯
微星推出 GeForce RTX 3080 Sea Hawk X
消息称三星 Galaxy Tab S8 系列平板将放
机械革命推出 F6 轻薄本:16 英寸全面屏
英特尔 12 代 Alder Lake CPU 600 系列
雷军:向小米手机 1 首批用户每人赠送价
小米李明谈用户被踢出 MIUI 测试版:大

推荐文章
1
2
3
4
5
6
7
8
9
10
叛逆嫩模性感写真
宫如敏不雅照疯传 看张馨予韩一菲兽兽谁
不惧孔子抢位 阿凡达游戏影音配置推荐
2015第十七届“东北安博会”火爆招商
第十六届东北国际公共安全防范产品博览
2016年第五届中国国际商业信息化博览会
2016年第五届中国国际POS机及相关设备展
互联网电视熟了吗 2013最火电视深解析
桑达获邀出席2015中国(广州)国际POS机
宝获利报名参加“2015年度中国POS机行业
八卦图解 More>>
叛逆嫩模性感写真 宫如敏不雅照疯传 看张馨予韩一菲
周伟童魔鬼身材日本性感写真图  联想V360笔记本模特写真