左右div+css布局如何左奇右偶循环插入数据？

火凤水凰 2018-02-09 12:31:09

插入数据的时候入dot.js 下面左右布局

<div class="content">
<div class="left">{ret[i]}</div>
<div class="right">{ret[i]}</div>
</div>

如何左奇右偶循环插入数据？
<div class="content">
<div class="left">1</div>
<div class="right">2</div>
<div class="left">3</div>
<div class="right">4</div>

<div class="left">5</div>
<div class="right">6</div>

</div>
...全文
372 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
火凤水凰 2018-02-09
  • 打赏
  • 举报
 回复
谢谢，已经解决了。（感谢大家的回复）
火凤水凰 2018-02-09
  • 打赏
  • 举报
 回复 

<div id="content" class="content">

      
        <script id="j-tmpl" type="text/x-dot-template">
            {{for(var i=0;i<it.length; i++){}}
            <!--左边-->
            <div class="vleft">
                <div class="pic" tapmode onclick="fnPlay('{{=it[i].path}}');">
                    <img src="{{=it[i].coverImgv}}" width="100%" />
                </div>
                <div class="footer">
                    <div class="icon aui-img-round">
                        <img src="../image/video/video3_3.png" alt="">
                    </div>
                    <div class="txt">
                        {{=it[i].nam}}
                        <em class="zan">{{=it[i].zan}}赞</em>
                    </div>
                </div>
    </div>
      <div class="kye"></div>
      /*右边*/
    <div class="vright">
        <div class="pic" tapmode onclick="fnPlay('{{=it[i].path}}');">
            <img src="{{=it[i].coverImgv}}" width="100%" />
        </div>
        <div class="footer">
            <div class="icon aui-img-round">
                <img src="../image/video/video3_3.png" alt="">
            </div>
            <div class="txt">
                {{=it[i].nam}}
                <em class="zan">{{=it[i].zan}}赞</em>
            </div>
        </div>
</div>
  <div class="kye"></div>

    {{ }}}

    </script>
    </div>
无聊的上午 2018-02-09
  • 打赏
  • 举报
 回复
引用 2 楼 zzgzzg00 的回复:

<style>
        .content>div{
            box-sizing: border-box;
            width: 50%;
            padding: 0;
            margin: 10px 0;
            counter-increment: test;
            text-align: center;
        }
        .content>div:after{
            content: counter(test);
        }
        .content>div:nth-of-type(2n+1){
            float: left;
            background-color: red;
        }
        .content>div:nth-of-type(2n){
            float: right;
            background-color: green;
        }
    </style>
</head>
<body>
<div class="content">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>
他是要插入数据，不是渲染成左奇右偶的样子吧
似梦飞花 2018-02-09
  • 打赏
  • 举报
 回复 

<style>
        .content>div{
            box-sizing: border-box;
            width: 50%;
            padding: 0;
            margin: 10px 0;
            counter-increment: test;
            text-align: center;
        }
        .content>div:after{
            content: counter(test);
        }
        .content>div:nth-of-type(2n+1){
            float: left;
            background-color: red;
        }
        .content>div:nth-of-type(2n){
            float: right;
            background-color: green;
        }
    </style>
</head>
<body>
<div class="content">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>
无聊的上午 2018-02-09
  • 打赏
  • 举报
 回复
$("#content>div").each(function(){ var className = $(this).attr("class"); if(className == "left"){ 插入奇数 }else if(className == "right"){ 插入偶数 } })
零基础学HTML CSS源代码
第1章（源代码\第1章） 示例描述：本章演示HTML基本知识 HTML基本标记.html HTML基本标记的用法。 我的第一张网页.html 演示我的第一张网页。 第2章（源代码\第2章） 示例描述：本章演示常用HTML标记和格式 注释.htm 注释的用法。 标题标记.htm 标题标记的用法。 粗体与斜体.htm 粗体与斜体的用法。 段落.htm 段落的用法。 换行.htm 换行的用法。 上标与下标.htm 上标与下标的用法。 下划线与删除线.htm 下划线与删除线的用法。 HTML标记和格式实例手把手.htm HTML标记和格式实例手把手的用法。 第3章（源代码\第3章） 示例描述：本章演示字体标记语法以及其用法 标题字体.htm 标题字体的用法。 标题字体大小.htm 设置标题字体大小。 逻辑字体.htm 逻辑字体的用法。 设置字体大小.htm 设置字体大小。 物理字体.htm 物理字体的用法。 字体实例手把手.htm 演示字体实例手把手。 字体颜色.htm 设置字体颜色。 第4章（源代码\第4章） 示例描述：本章演示文字文字布局标记用法 br的用法.html 演示br的用法。 p的用法.htm 演示p的用法。 不换行.htm 演示不换行标记用法。 段落设置.htm 演示段落设置。 计算机输出格式.htm 计算机输出格式标记和用法。 文字布局手把手.htm 演示文字布局手把手。 文字对齐.htm 演示文字对齐用法。 文字对齐-向右.html 演示文字对齐-向右对齐的用法。 无序列表.htm 演示无序列表的用法。 有序列表.htm 演示有序列表用法。 欲格式化文本.htm 欲格式化文本标记用法。 欲格式化文本行.html 欲格式化文本行标记用法。 第5章（源代码\第5章） 示例描述：本章演示图像标记的用法 alt用法.html 图像参数alt用法。 插入图像.html 演示插入图像。 热点链接.htm 热点链接的用法。 图片链接边框设置.html 图片链接边框设置。 图像top对齐.html 演示图像top对齐。 图像边框设置.html 图像边框设置。 图像链接.htm 图像链接用法。 图像实例手把手.html 演示图像实例手把手。 第6章（源代码\第6章） 示例描述：本章演示超级链接用法 target用法.html 链接参数target的用法。 title用法.html 链接参数title用法。 锚点链接.html 标记锚点链接用法 图片链接.html 演示图片链接。 文字链接.html 演示文字链接。 邮箱地址链接.html 演示邮箱地址链接。 链接实例手把手.html 演示链接实例手把手。 第7章（源代码\第7章） 示例描述：本章演示表单标记的用法 按钮.htm 表单按钮的用法。 表单基本语法.htm 表单基本语法。 表单两属性.html 表单两属性用法。 单选框.htm 表单单选框用法 多行文本域.htm 表单多行文本域用法。 复选框.htm 表单复选框的用法。 密码框.htm 表单密码框的用法。 文本框.htm 表单文本框的用法。 文本域.htm 表单文本域用法。 下拉表.htm 表单下拉表的用法。 表单实例手把手.html 演示表单实例手把手。 第8章（源代码\第8章） 示例描述：本章演示表格标记用法。 表格边框宽度.html 表格边框宽度演示。 表格标题.html 表格标题用法演示。 表格的基本语法.html 表格的基本语法。 表格内对齐.html 演示表格内对齐。 表格内文字对齐.html 演示表格内文字对齐。 表格实例手把手.html 演示表格实例手把手。 表格在网页中的对齐.html 演示表格在网页中的对齐。 表格在网页中对齐.html 演示表格在网页中对齐。 跨多列表元.html 演示跨多列表元。 跨多行、多表表元.html 演示跨多行、多表表元用法。 跨多行表元.html 演示跨多行表元用法。 设置表格大小.html 设置表格大小。 第9章（源代码\第9章） 示例描述：本章演示框架标记的用法 不能调节框架大小.html 演示不能调节框架大小。 不支持框架.html 演示不支持框架情况。 垂直分栏.html 演示垂直分栏。 导航框架.html 导航框架的用法。 导航框架链接.html 导航框架链接的用法。 框架边框隐藏.html 演示框架边框隐藏。 框架基本语法.html 框架基本语法。 框架水平分栏.html 设置框架水平分栏。 内联框架.html 设置内联框架。 设置滚动条.html 设置滚动条。 框架实例手把手.html 演示框架实例手把手。 第10章（源代码\第10章） 示例描述：本章演示移动字体和图片用法。 移动的基本语法.html 移动的基本语法。 文字的移动方向.html 设置文字的移动方向。 图片的移动.html 设置图片的移动。 设置移动对象.html 设置设置移动对象。 移动实例手把手—让图片像电影动起来.html 演示让图片像电影动起来。 第11章（源代码\第11章） 示例描述：本章演示网页多媒体标记的用法。 多媒体基本语法.html 多媒体基本语法。 多媒体循环播放.html 演示多媒体循环播放。 隐藏面板.html 隐藏面板的用法。 设置开始时间.html 设置开始时间。 多媒体面板的对齐.html 演示多媒体面板的对齐。 多媒体实例手把手—在网页中放视频.html 演示在网页中放视频。 smak slow.mp3 名为smak slow 的mp3多媒体文件。 刻舟求剑.swf 名为刻舟求剑的flash多媒体文件。 第12章（源代码\第12章） 示例描述：本章演示用DIV布局。 div布局.html 演示div布局实例。 层嵌套.html 层嵌套的用法。 table布局.html 演示table布局。 DIV布局样式.html 设置DIV布局样式。 如何用DIV布局.html 演示如何用DIV布局。 第13章（源代码\第13章） 示例描述：本章演示DIV与SPAN用法。 SPAN基本语法.html SPAN基本语法。 何时该用SPAN.html 何时该用SPAN。 DIV与SPAN区别一.html 演示DIV与SPAN区别一。 DIV与SPAN区别二.html 演示DIV与SPAN区别二。 DIV与SPAN实例手把手--布局.html 演示DIV与SPAN实例手把手--布局。 第14章（源代码\第14章） 示例描述：本章演示DIV与CSS结合用法。 内联定义样式.html 内联定义样式.html 链入内部CSS样式.html 链入内部CSS样式.html 外链接.html 外链接.html 链接外部CSS样式.html 链接外部CSS样式.html CSS控制DIV.html CSS控制DIV.html DIV+CSS布局.html DIV+CSS布局.html div.css 名为div的样式文件。 style.css 名为style的样式文件。 第15章（源代码\第15章） 示例描述：本章演示CSS基础部分知识。 CSS基础.html 演示CSS基础链接知识用法。 style1.css 名为style1的CSS样式文件。 style2.css 名为style2的CSS样式文件。 style3.css 名为style3的CSS样式文件。 第16章（源代码\第16章） 示例描述：本章演示字体属性用法。 间距与间隔.html 属性间距与间隔用法。 设置行距.html 属性设置行距用法。 字体大小.html 属性字体大小用法。 字体类型.html 属性字体类型用法。 字体设置.html 属性字体设置。 字体颜色.html 属性字体颜色用法。 字体重量.html 属性字体重量用法。 第17章（源代码\第17章） 示例描述：本章演示文本属性用法。 垂直对齐.html 设置垂直对齐。 空格处理.html 设置空格处理。 设置水平对齐.html 设置水平对齐。 首行缩进.html 首行缩进的用法。 文本流方向.html 文本流方向用法。 文本行距.html 文本行距的用法。 文本修饰属性text-decoration.html 文本修饰属性text-decoration用法。 文字垂直对齐.html 文字垂直对齐用法。 字母大小写转换.html 字母大小写转换用法。 字体实例手把手――字体花样.html 演示字体实例手把手――字体花样。 文本设置手把手—给段落设置缩进.html 演示文本设置手把手—给段落设置缩进。 第18章（源代码\第18章） 示例描述：本章演示背景属性用法。 背景的基本语法.html 属性背景的基本语法。 设置背景图像.html 设置背景图像。 设置背景图像滚动.html 设置背景图像滚动。 设置背景图像铺排.html 设置背景图像铺排。 设置背景图像位置.html 设置背景图像位置。 设置背景颜色.html 设置背景颜色。 背景实例手把手.html 演示背景实例手把手。 第19章（源代码\第19章） 示例描述：本章演示尺寸的用法。 设置宽度.html 设置宽度属性。 设置高度.html 设置高度属性 设置层居中.html 设置层居中实例。 尺寸实例手把手.html 演示尺寸实例手把手。 第20章（源代码\第20章） 示例描述：本章演示外补丁用法。 margin基本语法.html 复合属性margin基本语法。 margin-bottom用法.html 属性margin-bottom用法。 margin-left用法.html 属性margin-left用法。 margin-right用法.html 属性margin-right用法。 margin-top用法.html 属性margin-top用法。 margin实例.html 演示margin实例用法。 margin实例--设置层与层的距离.html 设置层与层的距离。 实例手把手--DIV+CSS结合.html 演示实例手把手--DIV+CSS结合。 第21章（源代码\第21章） 示例描述：本章演示内补丁用法。 padding基本语法和用法.html 复合属性padding基本语法和用法。 padding-bottom用法.html 属性padding-bottom用法。 padding-left用法.html 属性padding-left用法。 padding-right用法.html 属性padding-right用法。 padding-top用法.html 属性padding-top用法。 内补丁padding实例.html 演示内补丁padding实例。 第22章（源代码\第22章） 示例描述：本章演示属性边框用法。 border基本语法.html 复合属性border基本语法。 边框宽度设置.html 边框宽度设置。 边框样式用法.html 设置边框样式用法。 设置边框颜色.html 设置边框颜色。 border-bottom用法.html 属性border-bottom用法。 border-left用法.html 属性border-left用法。 border-right用法.html 属性border-right用法。 border-top用法.html 属性border-top用法。 设置多层边框.html 设置多层边框。 边框实例手把手.html 演示边框实例手把手。 第23章（源代码\第23章） 示例描述：本章演示属性定位用法。 position的用法.html 属性position的用法。 设置对象的边框位置.html 设置对象的边框位置。 z-index用法.html 属性z-index用法。 相对定位实例.html 演示相对定位实例。 绝对定位实例.html 演示绝对定位实例。 实例－－圆角制作.html 演示实例－－圆角制作。 第24章（源代码\第24章） 示例描述：本章演示属性列表的用法。 列表的预设标记用法.html 演示列表的预设标记用法。 list-style用法.html 属性list-style用法。 设置列表文本排列.html 设置列表文本排列。 设置列表图像.html 设置列表图像。 列表实例手把手.html 演示列表实例手把手。 第25章（源代码\第25章） 示例描述：本章演示用CSS控制表格。 控制表格的基本语法.html 控制表格的基本语法。 设置表格边框独立或合并.html 设置表格边框独立或合并。 设置表格布局的算法.html 设置表格布局的算法。 CSS控制表格实例手把手.html 演示CSS控制表格实例手把手。 第26章（源代码\第26章） 示例描述：本章演示CSS控制滚动条。 设置3D界面亮边颜色和表面颜色.html 设置3D界面亮边颜色和表面颜色。 设置滚动条3D界面暗边颜色和暗边框颜色.html 3D界面暗边和暗边框颜色的用法。 设置滚动条方向箭头的颜色.html 设置滚动条方向箭头的颜色。 设置滚动条基准颜色和拖动区域颜色.html 滚动条基准颜色和拖动区域颜色用法。 设置滚动条亮边框颜色.html 设置滚动条亮边框颜色。 第27章（源代码\第27章） 示例描述：本章演示CSS布局。 clear的用法.html 属性clear的用法。 clip用法.html 属性clip用法。 cursor用法.html 属性cursor用法。 display用法.html 属性display用法。 float的用法.html 属性float的用法。 overflow用法.html 属性overflow用法。 visibility用法.html 属性visibility用法。 第28章（源代码\第28章） 示例描述：本章演示选择符用法。 ID选择符.html 演示ID选择符用法。 包含选择符.html 演示包含选择符用法。 类型选择符.html 演示类型选择符用法。 类选择符.html 演示类选择符用法。 通配选择符.html 演示通配选择符用法。 选择符分组.html 演示选择符分组用法。 第29章（源代码\第29章） 示例描述：本章演示伪类用法。 伪类的类型用法.html 演示伪类的类型用法。 link属性.html 表示link属性。 hover属性.html 表示hover属性。 active属性.html 表示active属性。 visited属性.html 表示visited属性。 第30章（源代码\第30章） 示例描述：本章演示单位的表示用法。 长度单位.html 设置长度单位。 颜色单位.html 设置颜色单位。 第31章（源代码\第31章） 示例描述：本章演示游戏主题网站布局。 游戏网站布局.html 演示游戏网站布局。 style.css 游戏网站的样式文件。 images 图像文件夹。 第32章（源代码\第32章） 示例描述：本章演示企业网站主题布局。 设置DIV.html 设置DIV.html 企业网站主页.html 企业网站主页.html a.css 设置DIV页面的样式文件。 style.css 企业网站的样式文件。 images 图像文件夹。 第33章（源代码\第33章） 示例描述：本章演示 博客首页.html 博客首页布局。 DIV设置.html 设置DIV时的HTML标记。 jquery.js 一个javascript的优秀框架jquery。 index.js 控制博客页面的javascript脚本。 style.css 博客类网站的样式文件。 images 图像文件夹。
PHP开发实战1200例源码
目录 第1篇 基础篇 第1章 开发环境 2 1.1 AppServ——PHP集成化安装包 3 实例001 通过AppServ配置PHP开发环境 3 实例002 AppServ应用技巧 6 实例003 第1个PHP程序 7 1.2 XAMPP——PHP集成化安装包 8 实例004 通过XAMPP配置PHP开发环境 8 实例005 测试XAMPP是否安装成功 11 实例006 XAMPP应用技巧 12 实例007 第2个PHP程序 13 1.3 IIS+PHP+MySQL——独立搭建PHP 开发环境 14 实例008 安装PHP 14 实例009 安装MySQL 15 实例010 安装IIS 21 实例011 第3个PHP程序 23 1.4 LAMP——独立配置PHP开发环境 24 实例012 安装Apache服务器 24 实例013 安装MySQL数据库服务器 26 实例014 安装PHP.50 28 实例015 第4个PHP程序 30 1.5 XAMPP——Linux版PHP集成化安装包 31 实例016 XAMPP——Linux下PHP开发环境的集成化 31 实例017 Linux操作系统下启动XAMPP 32 实例018 设置MySQL数据库root用户的密码 33 实例019 第5个PHP程序 34 1.6 Dreamweaver开发工具 35 实例020 Dreamweaver中编码格式的选择 35 实例021 Dreamweaver中创建表格 36 实例022 在表格中插入宠物照片 38 实例023 Dreamweaver创建表单 40 实例024 Dreamweaver中创建和附加CSS样式 42 实例025 Dreamweaver控制弹出信息 45 实例026 Dreamweaver控制浏览器的窗口 46 实例027 通过Dreamweaver创建站点 47 实例028 通过Dreamweaver开发第1个PHP程序 48 1.7 Zend Studio开发工具 50 实例029 安装Zend Studio 50 实例030 Zend Studio创建PHP项目 52 实例031 Zend Studio编码格式的转换 56 实例032 Zend Studio中快捷键的运用 57 实例033 Zend Studio中部署Apache服务器 60 第2章 PHP基础 63 2.1 基本语法 64 实例034 在页面中打印PHP的配置信息 64 实例035 在页面中打印服务器时间 65 实例036 在页面中打印当前执行的PHP文件名 67 实例037 区分单引号和双引号 68 实例038 动态输出JavaScript代码 69 实例039 当数字遇到了字符串 70 实例040 PHP程序员的基础——变量的应用 72 实例041 打印系统环境变量信息print_r（$_ENV） 73 实例042 使用可变变量输出“I Like PHP！” 73 实例043 使用转义字符输出特殊字符 74 实例044 使用常量指定PI的值计算圆的面积 75 2.2 运算符 75 实例045 自定义数字的加密/解密算法 76 实例046 比较两个时间戳的大小 77 实例047 使用条件运算符判断数字的奇偶性 78 实例048 判断用户是否具有后台管理权限 79 实例049 打印随机组合生日祝福语 80 实例050 打印2000~2020年的所有闰年 81 实例051 前置运算符和后置运算符的区别 82 实例052 使用位运算对数字进行加密和解密 83 2.3 包含语句 84 实例053 提高代码重用率 84 实例054 包含数据库连接文件 85 实例055 包含网站头文件 86 实例056 包含网站尾文件 87 实例057 包含网站的主文件 88 2.4 条件语句 89 实例058 员工生日提醒 89 实例059 考试成绩评定标准 90 实例060 控制登录用户权限 91 实例061 网页框架的制作 92 实例062 图片验证码 93 实例063 健康生活提醒 95 2.5 循环控制 96 实例064 员工生日列表 96 实例065 员工详细信息浏览 97 实例066 员工信息的批量删除 98 实例067 表格的动态创建 99 实例068 SESSION购物车中数据的读取 100 实例069 员工信息的管理 102 实例070 网页版九九乘法表 104 实例071 读取数组购物车中的数据 105 实例072 图像验证码的生成 106 2.6 跳转语句 107 实例073 控制页面中表情图的输出 107 实例074 控制页面中数据的输出数量 108 实例075 动态改变页面中单元格的背景颜色 109 实例076 屏蔽偶数次的数据输出 110 实例077 跳过数据输出中指定的记录 111 实例078 执行指定次数的循环 112 2.7 自定义函数 113 实例079 自定义函数截取中文字符串 113 实例080 公告标题的截取 114 实例081 论坛内容的简短输出 116 实例082 自定义函数过滤字符串 117 2.8 字符串 118 实例083 过滤论坛帖子中的空白和特殊字符 118 实例084 对论坛帖子的内容进行转义 119 实例085 还原论坛中帖子的内容 120 实例086 截取论坛标题 121 实例087 分割、合成字符串 121 实例088 查询关键字描红 122 实例089 统计查询关键字的出现次数 123 实例090 获取上传文件的后缀 124 实例091 统一上传文件名称的大小写 125 实例092 论坛中直接输出HTML脚本 126 实例093 统计帖子标题的长度 127 实例094 计算论坛帖子的字节数 128 实例095 实现帖子内容的定位查找 129 实例096 去除帖子标题的首尾空格 129 实例097 货币数据的格式化输出 130 实例098 日期、时间的格式化输出 131 实例099 比对论坛中帖子的相似度 132 实例100 对用户注册的密码进行加密和解密 132 实例101 保护URL地址中传递的参数 133 实例102 解析URL地址中传递的编码参数 134 实例103 转义帖子中的特殊字符 135 实例104 获取任意字符的ASCII码 136 实例105 查找指定ASCII码对应的字符 136 实例106 合理定义上传文件的名称 137 实例107 通过异或方式对用户注册密码进行加密 139 实例108 统一英文注册用户首字母的大小写 139 实例109 字符串与数字之间的转换 140 实例110 通过正则表达式对字符串进行匹配查找 141 实例111 通过IP地址查找主机所在地 142 实例112 解决用substr（）函数对中文字符串截取时出现乱码的问题 143 实例113 字符串与HTML标记相互转换 144 实例114 运用PHP 5.0新型字符串输出XML数据 145 实例115 判断字符串中是否存在指定子串 146 2.9 正则表达式 147 实例116 验证电话号码的格式是否正确 147 实例117 验证Email地址格式是否正确 148 实例118 验证IP地址是否有效 149 实例119 统计关键字的查询结果 150 实例120 计算查询操作的执行时间 151 实例121 查询关键字描红 152 实例122 判断上传文件的类型 153 实例123 判断邮政编码格式是否正确 154 2.10 数组 154 实例124 创建并输出数组 155 实例125 统计数组元素个数 156 实例126 向数组中添加元素 156 实例127 将数组中指定索引位置的元素替换 157 实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中元素 161 实例133 二维数组的输出 162 实例134 获取数组当前的键名和值 162 实例135 检测数组中是否存在某个值 163 实例136 获取数组中的当前单元 164 实例137 从数组中随机取出元素 165 实例138 合并数组 166 实例139 拆分数组 167 实例140 遍历数组 168 2.11 日期和时间 169 实例141 设置系统的当前时间 169 实例142 将日期和时间转换为时间戳 170 实例143 获取系统中的特定日期和时间 171 实例144 比较时间的大小 172 实例145 计算考试时间 173 实例146 倒计时 173 实例147 网页闹钟 174 实例148 计算程序运行时间 176 第3章 Web页面交互 178 3.1 获取表单元素的值 179 实例149 设计论坛登录界面 179 实例150 可以上传图片的表单 180 实例151 通过POST方法提交表单元素 182 实例152 通过$_POST方法获取表单元素 182 实例153 通过GET方法提交表单元素 184 实例154 通过$_GET方法获取表单元素 185 3.2 文本框组件的应用 186 实例155 以文本域的形式显示数据信息 186 实例156 限制多行文本域输入的字符个数 187 实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的应用 193 实例162 省市级联动菜单 193 实例163 省市县级联动菜单 194 实例164 应用下拉列表选择所要联机的网站 196 实例165 可输入字符的下拉菜单 197 实例166 设置下拉列表的默认值 198 实例167 设置下拉列表的样式 199 实例168 下拉列表打开窗口 200 实例169 Tab键在文本域中的体现 201 3.4 表单元素的动态操作 203 实例170 投票系统中单选按钮与复选框的应用 203 实例171 选中单选按钮后显示其他表单元素 205 实例172 不提交表单获取单选按钮的值 207 实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例179 修改表单属性为弹出窗口 216 实例180 表单输入单元的文字设置 217 实例181 表单输入单元单击删除 218 实例182 表单文本输入的移动选择 219 实例183 通过下拉列表选择头像 220 3.5 CSS+DIV页面布局 222 实例184 应用CSS+DIV实现无边框窗口 222 实例185 设置表格样式 224 实例186 设置图片的样式 225 实例187 滚动条样式 226 实例188 设置表单样式 227 实例189 设置超链接的样式 229 实例190 设置body的样式 230 实例191 模拟的进度条 231 实例192
DIV+CSS学习笔记总结篇
DIV+CSS学习笔记总结篇 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位： web前端开发工程师 web网站架构师 自己创业 转岗管理或其他 web前端开发的前景展望： 未来IT行业企业需求最多的人才 结合最新的html5抢占移动端的市场 自己创业做老板 随着互联网的普及web开发成为企业的宠儿和核心 web职业发展目标： 第一、梳理知识架构 负责内容的HTML 负责外观的css（层叠样式表） 负责行为
DIV+CSS+JS在HTML页面制作表格的思想
DIV+CSS+JS在HTML页面制作表格的思想 1.介绍 在如今的前后端分离的开发当中，前端页面技术要求也越来越高了。 因此就在这对自己对前端技术的理解做个简单的整理，方便日后查阅。本文章主要是介绍了如何制作表格的思想。阅读这文章，至少得了解div标签的特性，特别是可以抽象理解div标签的——块思想。还有选择器的知识也是很重要。 2.表格的结构拆分 首先，我的认为。一张基本的表格主要有俩个...
十天学会DIV+CSS(WEB标准)
标准之路首页 CSS版式布局 DIV+CSS教程 DIV+CSS实例 常用代码 站长杂谈 技术文档 资源下载 图片素材 第三天 二列和三列布局 今天学习《十天学会web标准(div+css)》的二列和三列布局，将涉及到以下内容和知识点 二列自适应宽度 二列固定宽度 二列固定宽度居中 xhtml的块级元素(div...
JavaScript

87,907

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章