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>
  • 相关阅读:
    Guzz入门教程
    设计模式开题
    纪录idea不能创建class类问题(Cannot Create Class)
    dbrouter实现流程图
    记录一次concurrent mode failure问题排查过程以及解决思路
    程序员的自我修养
    CyclicBarrier之共享锁的理解
    sed选项详解(options)
    sed 范围查找
    Sed命令
  • 原文地址:https://www.cnblogs.com/tonglin0325/p/4663311.html
Copyright © 2011-2022 走看看