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>
  • 相关阅读:
    [Mac] 获取cpu信息
    [gcc warnings] -Wtrigraph warnings
    查看SSD寿命
    [linux] 查看SATA速度和具体设备
    [raspberry p3] [suse] 安装maven
    文本处理例子
    容器中用shell脚本启动如何优雅关闭(传送kill SIGTERM信号)
    kubernetes deployment 使用镜像摘要发布新版本
    Yearning sql工单系统 自动执行工单python脚本
    Kubernetes 企业发行版、容器Pass平台 OpenShift4.3 规划裸机部署
  • 原文地址:https://www.cnblogs.com/tonglin0325/p/4663311.html
Copyright © 2011-2022 走看看