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>
  • 相关阅读:
    SonarQube+Jenkins代码审查集成CI/CD
    “拒绝了对对象'aspnet_CheckSchemaVersion'的 EXECUTE 权限”之解决
    ORA-31687: error creating worker process with worker id 1
    Oracle修改表列长度
    RouYi(Export excel)
    Spring事务失效的原因
    Linux/Keychron键盘 功能键F1-F12映射修复
    git 推送本地文件到远程仓库
    git remote 删除已添加的远程仓库地址
    mssql新建数据库
  • 原文地址:https://www.cnblogs.com/tonglin0325/p/4663311.html
Copyright © 2011-2022 走看看