HTML学习笔记——frameset和marquee

时间：2023-03-08 16:36:48

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>

相关文章