<!DOCTYPE html>
<html>
<head><meta charset&＃61;"utf-8"><title>滚动延迟_效果_滚动播放</title>
</head>
<body><!-- 上下滑动&＃xff0c;数字越大滑动越慢--><marquee direction&＃61;"up" scrollamount&＃61;"5" scrolldelay&＃61;"200">缘分的天空&＃xff0c;<br>相识是缘&＃xff0c;<br>相知是缘&＃xff0c;<br>珍惜这份缘分把&＃xff01;A
</marquee><marquee direction&＃61;"left" scrollamount&＃61;"5" scrolldelay&＃61;"900" behavior&＃61;"slide"><!-- 左右滑动&＃xff0c;数字越大滑动越慢 -->缘分的天空&＃xff0c;<br>相识是缘&＃xff0c;<br>相知是缘&＃xff0c;<br>珍惜这份缘分把&＃xff01;B
</marquee>
</body>
</html>
效果
滚动播放
<!DOCTYPE html>
<html>
<head><meta charset&＃61;"utf-8"><title>滚动循环_限定滚动次数</title>
</head>
<body><!-- 设置滚动次数为1次&＃xff0c;--><marquee direction&＃61;"up" scrollamount&＃61;"5" scrolldelay&＃61;"50" loop&＃61;"1" width&＃61;"300px" height&＃61;"400px">缘分的天空&＃xff0c;<br>相识是缘&＃xff0c;<br>相知是缘&＃xff0c;<br>珍惜这份缘分把&＃xff01;
</marquee>
</body>
</html>
效果
限定次数的滚动播放
<!DOCTYPE html>
<html>
<head><meta charset&＃61;"utf-8"><title>滚动区域与背景颜色设置</title>
</head>
<body>星座的开机问候语<br><marquee direction&＃61;"up" scrolldelay&＃61;"5" scrollamount&＃61;"3" bgcolor&＃61;"yellow" hspace&＃61;"100px">天蝎座通常是高明的搞笑专家&＃xff0c;其高明处就在于一个“藏”字&＃xff0c;不但善于以一副煞有介事的样子&＃xff0c;把笑话说的跟真的一样&＃xff0c;而且在逗得大家捧腹大笑之时&＃xff0c;他自己却又若无其事&＃xff0c;甚至还满脸不懂得样式。所以向像“高压危险&＃xff0c;&</marquee>
</body>
</html>
效果
限定区域滚动播放&＃43;背景色
网页插入flash动画
<!DOCTYPE html>
<html>
<head><meta charset&＃61;"utf-8"><title>插入flash动画</title>
</head>
<body>
在网页中插入flash动画效果。
<br>
<embed src&＃61;"images/A.swf" width&＃61;"500px" height&＃61;"300px"></body>
</html>
网页插入MP3
<!DOCTYPE html>
<html>
<head><meta charset&＃61;"utf-8"><title>插入MP3音乐</title>
</head>
<body>
在网页中插入MP3音乐效果。
<br>
<embed src&＃61;"images/A.mp3" height&＃61;"300"></embed>
</body>
</html>
设置超链接跳转
<!DOCTYPE html>
<html>
<head><meta charset&＃61;"utf-8"><title></title>
</head>
<body>
<header><h1>网站页面之间导航<h1><nav><ul><li><a href&＃61;"#"></a>首页</li><li><a href&＃61;"#"></a>公司简介</li><li><a href&＃61;"#"></a>公司新闻</li></ul></nav></h1></h1>
</header><article></article>
<footer></footer>
</body>
</html>
颜色渐变设置
<!-- 颜色渐变 -->
<!DOCTYPE html>
<html>
<head><meta charset&＃61;"utf-8"><title></title><style>
body { background-color:
margin-top:40px;
}
</style></head>
<body>
<canvas id&＃61;"canvas1" width&＃61;"400" height&＃61;"400"
style&＃61;"border:2px #333 solid;" >
</canvas>
<script>
var mycanvas&＃61;document.getElementById("canvas1");
var cntx&＃61;mycanvas.getContext(&＃39;2d&＃39;);
var mygradient&＃61;cntx.createLinearGradient(30,30,300,300);
mygradient.addColorStop("0","#F00");
mygradient.addColorStop(".25","#FF0");
mygradient.addColorStop(".5","#00F");
// mygradient.addColorStop(".82","#90C");
mygradient.addColorStop("1.0","#0F0");
cntx.fillStyle&＃61;mygradient;
cntx.fillRect(0,0,400,400);
</script> </body>
</html>
<!DOCTYPE html>
<html>
<head><title>文本图像</title><style type&＃61;"text/css">*{margin:padding:0;}</style>
</head>
<body>
<svg><rect width&＃61;"300" height&＃61;"200" fill&＃61;"yellow" /><circle cx&＃61;"150" cy&＃61;"80" r&＃61;"80" fill&＃61;"green" /><text x&＃61;"150" y&＃61;"95" font-size&＃61;"60" text-anchor&＃61;"middle">
</svg>
</body>
</html>
效果
京公网安备 11010802041100号