`
haihua_sun
  • 浏览: 2458 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

<marquee> 图片收尾相连1

HTML 
阅读更多
<!DOCTYPE html PUBLIC >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.col_kx { OVERFLOW: hidden; WIDTH: 700px }
</style>
</head>
<body>

<div id="header_demo" class="col_kx">
<table border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td id="header_demo1" nowrap>
            <!--滚动头条-->                                                                      
        <img src=4.jpg><img src=4.jpg><img src=4.jpg><img src=4.jpg><img src=4.jpg><img src=4.jpg><img src=4.jpg><img src=4.jpg><img src=4.jpg><img src=4.jpg><img src=4.jpg><img src=4.jpg>
        <td id="header_demo2" nowrap></td>
    </tr>
</table>
</div>
<script>

//滚动头条
//滚动效果
var header_demo = document.getElementById("header_demo");
var header_demo1 = document.getElementById("header_demo1");
var header_demo2 = document.getElementById("header_demo2");
var speed=10;    //数值越大滚动速度越慢
header_demo2.innerHTML = header_demo1.innerHTML;

//header_demo2.offsetWidth 总宽度
//alert(header_demo2.offsetWidth +"-"+header_demo.scrollLeft);

function Marquee(){
    if(header_demo2.offsetWidth-header_demo.scrollLeft<=0)
        header_demo.scrollLeft-=header_demo1.offsetWidth
    else{
        header_demo.scrollLeft++
    }
}
var MyMar = setInterval(Marquee,speed);
header_demo.onmouseover = function(){clearInterval(MyMar)}
header_demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)}
</script>




</body>
</html>
分享到：
<marquee> 图片收尾相连
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    html标记大全 有marquee，table，form等最常用标记。

    ...&lt;! - - ... - -&gt; 批注 &lt;!&gt; 跑马灯 &lt;marquee&gt;...&lt;/marquee&gt;普通卷动 &lt;marquee behavior=slide&gt;...&lt;/marquee&gt;滑动 &lt;marquee behavior=scroll&gt;...&lt;/marquee&gt;预设...&lt;marquee direction=’left’&gt;&lt;/marquee&gt;向左卷动

    Marquee的使用

    该标签支持的属性多达11个：&lt;br/&gt;&lt;br/&gt;align&lt;br/&gt;设定&lt;marquee&gt;标签内容的对齐方式&lt;br/&gt;absbottom：绝对底部对齐（与g、p等字母的最下端对齐）&lt;br/&gt;absmiddle：绝对中央对齐&lt;br/&gt;baseline：底线对齐&lt;br/&gt;bottom：...

    marquee 用法详解

    &lt;marquee&gt; ... &lt;/marquee&gt; 移动属性的设置 ,这种移动不仅仅局限于文字，也可以应用于图片，表格等等 方向 &lt;direction=#&gt; #=left, right ,up ,down &lt;marquee direction=left&gt;从右向左移！&lt;/marquee&gt; 方式 ...

    html标签属性大全（整理已完成）

    &lt;marquee&gt;...&lt;/marquee&gt;普通卷动 &lt;marquee behavior=slide&gt;...&lt;/marquee&gt;滑动 &lt;marquee behavior=scroll&gt;...&lt;/marquee&gt;预设卷动 &lt;marquee behavior=alternate&gt;...&lt;/marquee&gt;来回卷动 &lt;marquee direction=down&gt;.....

    marquee课件讲解ppt

    该课件是关于marquee的讲解： 方向：&lt;direction=#&gt; #=left, right,up,down &lt;marquee direction=left&gt;从右向左移！&lt;/marquee&gt; 方式：&lt;bihavior=#&gt; #=scroll, slide, ...&lt;marquee behavior=alternate&gt;来回走&lt;/marquee&gt;

    html代码的所有代码属性

    &lt;marquee&gt;...&lt;/marquee&gt;普通卷动 &lt;marquee behavior=slide&gt;...&lt;/marquee&gt;滑动 &lt;marquee behavior=scroll&gt;...&lt;/marquee&gt;预设卷动 &lt;marquee behavior=alternate&gt;...&lt;/marquee&gt;来回卷动 &lt;marquee direction=down&gt;.....

    附录A HTML常用标签附录A HTML常用标签

    &lt;marquee&gt;...&lt;/marquee&gt; 普通卷动 &lt;marquee behavior=slide&gt;...&lt;/marquee&gt; 滑动 &lt;marquee behavior=scroll&gt;...&lt;/marquee&gt; 预设卷动 &lt;marquee behavior=alternate&gt;...&lt;/marquee&gt; 来回卷动 &lt;marquee direction=down&gt;...

    HTML标签属性大全

    &lt;marquee&gt;...&lt;/marquee&gt;普通卷动 &lt;marquee behavior=slide&gt;...&lt;/marquee&gt;滑动 &lt;marquee behavior=scroll&gt;...&lt;/marquee&gt;预设卷动 &lt;marquee behavior=alternate&gt;...&lt;/marquee&gt;来回卷动 &lt;marquee direction=down&gt;.....

    HTML标签marquee实现滚动效果

    HTML标签marquee实现滚动效果，实现文字在网页中漂移的代码。

    全新首页新帖调用for dvbbs7.0 sp2

    &gt;&lt;font color=#000000&gt;&lt;b&gt;New Topic ：&lt;/b&gt;&lt;/font&gt;&lt;script src=http://3327.Net.CN/newtopic1.asp?boardid=all&lock=0&bname=0&tlen=10&n=8&sdate=&orders=4&info=0&action=1&reply=0&showpic=0&gt;&lt;/script&gt;&lt;/marquee&gt;...

    VB编程资源大全（英文源码 其它）

    cube.zip&lt;br&gt;This example demonstrates how to rotate a cube in visual basic.&lt;END&gt;&lt;br&gt;17 , sprite1.zip&lt;br&gt;This is an Excellent example on how to use sprites in your program.&lt;END&gt;&lt;br&gt;18 , charcreate.zip...

    淘宝店铺装修代码大全

    1)贴图：&lt; img src="图片地址"&gt;本人照片（献丑了） 2)加入连接：&lt; a href="所要连接的相关地址"&gt;写上你想写的字&lt; /a&gt; 3)在新窗口打开连接：&lt; a href="相关地址" target="_blank"&gt;写上要写的字&lt; /a&gt; 4)移动字体(走马...

    html 讲解 文字 图片 表格相关 frame 页面布局

    1.标题文字 &lt;h#&gt;..........&lt;/h#&gt; #=1~6；h1为最大字，h6为最小字 2.字体变化 &lt;font&gt;..........&lt;/font&gt; 【1】字体大小 &lt;font size=#&gt;..........&lt;/font&gt; #=1~7；数字愈大字也愈大 【2】指定字型 &lt;font face="字体...

    经典Dreamweaver插件

    &lt;br&gt;ie55_scroll 自定义浏览器滚动条的特效CSS &lt;br&gt;Marquee 插入滚动文字效果 &lt;br&gt;scrubber 去除点击超级链接时的虚线显示 &lt;br&gt;chromeless_win_wind 制作弹出无边浏览小窗口，现在网上最为流行的 &lt;br&gt;...

    HTMl 中marquee标签实现无缝滚动跑马灯效果

    &lt;marquee&gt;标签，它是成对出现的标签，首标签&lt;marquee&gt;和尾标签&lt;/marquee&gt;之间的内容就是滚动内容。&lt;marquee&gt;标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、...

    JSP+Struts+JSTL+EL新闻发布系统jsp

    &lt;TD vAlign=top background=/images/bg_1.jpg colSpan=10&gt; &lt;TABLE cellSpacing=3 cellPadding=0 width="100%" border=0&gt;&lt;TBODY&gt; &lt;TR&gt; &lt;TD width="95%" height=1216&gt; &lt;TABLE cellSpacing=0 cellPadding=0 width=...

    HTML标签marquee实现滚动效果的简单方法(必看)

    语法：&lt;marquee&gt;…&lt;/marquee&gt;； 说明：在标记之间添加要进行滚动的内容。 重要属性： 1.滚动方向direction（包括4个值：up、 down、 left和 right） 　语法：&lt;marquee direction=滚动方向&gt;…&lt;/marquee&gt; 2.滚动方式...

    HTML标签marquee实现多种滚动效果(无需JS控制)

    语法：&lt;marquee&gt;…&lt;/marquee&gt;； 说明：在标记之间添加要进行滚动的内容。 重要属性： 1.滚动方向direction（包括4个值：up、 down、 left和 right） 　语法：&lt;marquee direction=滚动方向&gt;…&lt;/marquee&gt; 2.滚动方式...

    淘宝装修模板

    &lt;table class="col-sub"&gt;&lt;div class="box tshop-pbsm ...height="140" width="170" scrollAmount="1" scrollDelay="7"&gt;&lt;font size="4"&gt;这里输入您的歌曲名称歌词等等哦&lt;/font&gt;&lt;/marquee&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;

    yingyong07

    &lt;p class="STYLE4"&gt;&lt;a href="jsp/main.jsp"&gt;&lt;dfn&gt;&lt;u&gt;&lt;tt&gt;&lt;marquee direction="left" scrollamount="6" width="400"&gt;欢迎来到姚伦新闻网站&lt;/marquee&gt;&lt;/tt&gt;&lt;/u&gt;&lt;/dfn&gt;&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;p&gt;&nbsp;&lt;/p&gt; &lt;p&gt;&nbsp;&lt;/p&gt;...

Magicbox
Global site tag (gtag.js) - Google Analytics