html技巧总结
来源:互联网 发布:手柄要下载什么软件 编辑:程序博客网 时间:2024/04/30 18:07
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>
0 0
- 常用HTML技巧总结
- HTML技巧总结
- HTML技巧总结
- html技巧总结
- HTML与CSS布局技巧总结
- HTML与CSS布局技巧总结
- HTML与CSS布局技巧总结
- psd页面切割成html技巧总结
- HTML与CSS布局技巧总结
- HTML——小技巧总结
- HTML技巧
- html技巧
- HTML技巧
- html 技巧
- HTML技巧
- html技巧
- HTML技巧
- Html技巧
- QTP自动化测试之VBScript基础(下)
- 流量控制与令牌桶算法
- WordPress 无法使用the_content()方法输出内容
- python重载
- 自定义view的构造方法和样式主题
- html技巧总结
- pat-basic-1036-c语言
- Anaconda使用总结
- Qt::QList 转为 QVariant
- Material Design中(视图和阴影详解)
- springmvc4 mybatis 整合 框架源码 bootstrap html5 mysql oracle sqlsever spring SSM
- localStorage的存储数组对象的方式
- 原生 ajax 封装
- SOA (面向服务的架构)