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>
  • 相关阅读:
    大数据学习之路又之从小白到用sqoop导出数据
    大数据学习之路又之从csv文件到sql文件的操作过程
    大三第一次极限测试总结
    学习套模板
    今天
    大数据学习之路之ambari配置(四)
    大数据学习之路之ambari配置(三)
    数据清洗——地域维度
    Hive数据分析(五)
    Hive数据分析(四)
  • 原文地址:https://www.cnblogs.com/tonglin0325/p/4663311.html
Copyright © 2011-2022 走看看