网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > HTML
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.HTML组件(HTML COMPONENTS)之五.
.创造收藏夹中的个性化图标.
.HTML文件中也玩include文件包含.
.XHTML标签写法应该注意的问题.
.HTML语言剖析(七)表格标记 .
.HTML语言剖析(十二)多媒体标记 .
.HTML文件HEAD内部标记浅析.
.HTML语言剖析(十一)排版标记 .
.HTML及XML语言的转义字符.
.HTML语言剖析(十三)其他标记 .
.HTML语言剖析(六)清单标记 .
.HTML彻底剖析:标记一览.
.使用Web标准建站第12天:校验及常.
.HTML组件(HTML COMPONENTS)之一.
.分享HTML中少为人知的个性化标记.
.HTML用INS和DEL标记文档改变.
.制作虚线效果的水平线.
.html教学+HTML语法大全.
.为什么要抛弃HTML.
.初学web标准的几个误区.

层(div)的上下滚动

发表日期:2006-3-24


<div id=demo style="OVERFLOW: hidden; HEIGHT: 235px">
<div id=demo1>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
    <tbody>
        <tr align=middle bgColor=#ffffff>
            <td><a href="http://www.yide.com/featuredproducts/product_detail.asp?view=&amp;product_id=7198&amp;category_id=32&amp;category_parentid=5" target=_blank><img height=80 src="http://www.yide.com/editor/z/20060317/1.jpg" width=80 border=0></a></td>
            <td><a href="http://www.yide.com/featuredproducts/product_detail.asp?view=&amp;product_id=7168&amp;category_id=118&amp;category_parentid=4" target=_blank><img height=80 src="http://www.yide.com/editor/x/2006/0317/1.jpg" width=80 border=0></a></td>
            <td><a href="http://www.yide.com/featuredproducts/product_detail.asp?view=&amp;product_id=7194&amp;category_id=26&amp;category_parentid=5" target=_blank><img height=80 src="http://www.yide.com/editor/z/20060317/2.jpg" width=80 border=0></a></td>
        </tr>
        <tr align=middle bgColor=#ffffff>
            <td>
            <table cellSpacing=1 cellPadding=0 width="100%" border=0>
                <tbody>
                    <tr>
                        <td>圆头绑带女鞋</td>
                    </tr>
                    <tr>
                        <td>Christian Louboutin</td>
                    </tr>
                    <tr>
                        <td><font color=#ff0033>$ 295.00</font></td>
                    </tr>
                    <tr>
                        <td><font color=#ff0033>¥2404.25</font></td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table cellSpacing=1 cellPadding=0 width="100%" border=0>
                <tbody>
                    <tr>
                        <td><font color=#000000>DR-S100 迷你DV </font></td>
                    </tr>
                    <tr>
                        <td>Panasonic</td>
                    </tr>
                    <tr>
                        <td>
                        <p><font color=#ff0033>$ 849.00</font></p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        <p><font color=#ff0033>¥6,919.35</font></p>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table cellSpacing=1 cellPadding=0 width="100%" border=0>
                <tbody>
                    <tr>
                        <td><font color=#000000>新娘无痕紧身胸衣</font></td>
                    </tr>
                    <tr>
                        <td>Victoria's Secret </td>
                    </tr>
                    <tr>
                        <td><font color=#ff0033>$&nbsp;48.00</font></td>
                    </tr>
                    <tr>
                        <td><font color=#ff0033>¥</font><span class=red><font color=#ff0033>391.20</font></span></td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
    <tbody>
        <tr>
            <td> </td>
        </tr>
    </tbody>
</table>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
    <tbody>
        <tr align=middle bgColor=#ffffff>
            <td><a href="http://www.yide.com/featuredproducts/product_detail.asp?view=&amp;product_id=7127&amp;category_id=172&amp;category_parentid=13" target=_blank><img height=80 src="http://www.yide.com/editor/p/2005.10.1/82.6.jpg" width=80 border=0></a></td>
            <td><a href="http://www.yide.com/featuredproducts/product_detail.asp?view=&amp;product_id=7087&amp;category_id=202&amp;category_parentid=15" target=_blank><img height=80 src="http://www.yide.com/editor/p/2005.10.1/82.8.jpg" width=80 border=0></a></td>
            <td><a href="http://www.yide.com/featuredproducts/product_detail.asp?view=&amp;product_id=7022&amp;category_id=186&amp;category_parentid=14" target=_blank><img height=80 src="http://www.yide.com/editor/x/2006/0317/2.jpg" width=80 border=0></a></td>
        </tr>
        <tr align=middle bgColor=#ffffff>
            <td>
            <table cellSpacing=1 cellPadding=0 width="100%" border=0>
                <tbody>
                    <tr>
                        <td><font color=#000000>男表</font></td>
                    </tr>
                    <tr>
                        <td>名士</td>
                    </tr>
                    <tr>
                        <td><font color=#ff0033>$977.00</font></td>
                    </tr>
                    <tr>
                        <td height=12><font color=#ff0033>¥</font><span class=red><font color=#ff0000>7962.55</font></span></td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table cellSpacing=1 cellPadding=0 width="100%" border=0>
                <tbody>
                    <tr>
                        <td>足部磨砂护理</td>
                        <tr>
                            <td>碧欧泉</td>
                        </tr>
                        <tr>
                            <td><font color=#ff0033>$&nbsp;15.00</font></td>
                        </tr>
                        <tr>
                            <td><font color=#ff0033>¥122.25</font></td>
                        </tr>
                    </tbody>
                </table>
                </td>
                <td>
                <table cellSpacing=1 cellPadding=0 width="100%" border=0>
                    <tbody>
                        <tr>
                            <td>nike休闲女鞋</td>
                        </tr>
                        <tr>
                            <td>nike</td>
                        </tr>
                        <tr>
                            <td><font color=#ff0033>$&nbsp;39.99</font></td>
                        </tr>
                        <tr>
                            <td><font color=#ff0033>¥</font><span class=red><font color=#ff0000>325.92</font></span></td>
                        </tr>
                    </tbody>
                </table>
                </td>
            </tr>
        </tbody>
    </table>
    <table cellSpacing=1 cellPadding=0 width="100%" border=0>
        <tbody>
            <tr>
                <td> </td>
            </tr>
        </tbody>
    </table>
    </div>
    <div id=demo2></div>
    </div>
    <script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
上一篇:层(div或table)的左右滚动 人气:27239
下一篇:分享HTML中少为人知的个性化标记 人气:9186
浏览全部html的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐