zoukankan      html  css  js  c++  java
  • HTML学习笔记——frameset和marquee

    1>frameset 效果如百Google度

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    
    <!-- <frameset cols='400,*'>
        <frame src="http://www.baidu.com"/>
        <frame src="http://www.sina.com"/>
    </frameset> -->
    
    <!-- <frameset rows='200,200,*'>
        <frame src="http://www.baidu.com"/>
        <frame src="http://www.sina.com"/>
        <frame src="http://www.hao123.com"/>
    </frameset> -->
    
    <frameset rows='200,*'>
        <frame src='http://www.hao123.com'/>
        <frameset cols='500,*'>
            <frame src='http://www.baidu.com'/>
            <frame src='http://www.sina.com'/>
        </frameset>
    </frameset>
    
    </html>

    2>marquee标签 实现滚动效果

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    
    <body>
    
        <!-- 从右往左不停滚动 -->
        <marquee>marquee标签</marquee>
    
        <!-- 从左往右不停滚动/滚动次数为2次 -->
        <marquee direction="right" loop='2'>marquee标签</marquee>
        
        <!-- 从下往上不停滚动/背景颜色/高度宽度/鼠标停止 -->
        <marquee direction="up" bgcolor='grey' width='400' height='100' onmouseover='this.stop()' onmouseout='this.start()'>marquee标签</marquee>
    
        <!-- 只滚动一次 -->
        <marquee behavior="slide">只滚动一次</marquee>
    
        <!-- 来回滚动 -->
        <marquee behavior="alternate">来回滚动</marquee>
    
        <!-- 10个像素/每1000毫秒 -->
        <marquee behavior="scroll" scrollamount='10' scrolldelay='1000'>滚动</marquee>
    
    </body>
    </html>
  • 相关阅读:
    基于FPGA的ARP协议实现
    Modelsim 仿真错误集锦
    基于FPGA的IIC驱动设计
    状态机跑飞的解决办法
    基于FPGA的检测时钟脉冲的高电平及低电平的中点标志位设计
    基于FPGA的UART实现
    基于FPGA的数字秒表设计
    Matlab的常用调试方法
    基于FPGA的花样流水灯
    **time_limited.sof文件
  • 原文地址:https://www.cnblogs.com/tonglin0325/p/4663311.html
Copyright © 2011-2022 走看看