html技巧总结: 1. 显示代码:<xmp><a href="##">代码部分</a></xmp> 2. 表格: table默认无边框,有间距,有边距 <table border="1" cellpadding="0" cellspacing="0"></table> <caption>标题,位于表格上面居中显示</caption> <th>表头,加粗和td同级</th> <td colspan="2">跨行</td> <td rowspan="2">跨列</td> 能不能css来解决,html页面保存整洁,研究css的时候再考虑下 3. <marquee>文字滚动标签</marquee> marquee滚动效果 <!doctype html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>marquee滚动效果</title> <style> body { } .scr { width: 700px; height: 50px; border: 1px solid red; background-color: #0099FF; position: relative; overflow: hidden; } .content { width: 700px; height: 30px; background-color: #CCC; position: absolute; left: 100px; top: 0; } </style> </head> <body> <div class="scr"> <div class="content" id="content">我是滚动的内容呢我是滚动的内容呢我是滚动的内的内容呢我是滚动的内容呢</div> <!--marquee direction="left" behavior="scroll" scrollamount="2" scrolldelay="40" loop="100" width="700" height="30" bgcolor="#0099FF"> “薪火相传——传统村落守护者”颁奖仪式在松举行 </marquee--> </div> <script> window.onload = function () { var obj = document.getElementById("content"); var lefta = 690; var time01 = setInterval(function () { lefta -= 2; obj.style.left = lefta + "px"; //alert(obj.style.left); if (lefta <= 0 - 700) { lefta = 700; } }, 30) } </script> <!--重要属性: 1.滚动方向direction(包括4个值:up、 down、 left和 right) 语法:<marquee direction="滚动方向">...</marquee> 2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动) 语法:<marquee behavior="滚动方式">...</marquee> 3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位) 语法:<marquee scrollamount="5">...</marquee> 4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒) 语法:<marquee scrolldelay="100">...</marquee> 5.滚动循环loop(默认值是-1,滚动会不断的循环下去) 语法:<marquee loop="2">...</marquee> 6.滚动范围width、height 7.滚动背景颜色bgcolor 8.空白空间hspace、vspace --> </body> </html>
html技巧总结
最新推荐文章于 2022-10-06 11:00:37 发布