码迷,mamicode.com
首页 > Web开发 > 详细

HTML学习笔记——frameset和marquee

时间:2015-07-21 09:08:05      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

HTML学习笔记——frameset和marquee

标签:

原文地址:http://www.cnblogs.com/tonglin0325/p/4663311.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!