#每日总结#

[遇到的问题]

1.position定位与z-index的问题。

  做首页轮播图,发现轮播图片定位之后会覆盖导航栏。

  解决办法:

    >>> : 1.将导航栏的z-index值设置高一些,让它的级别高于轮播图片。

    这样产生了第二个问题:导航栏内部的弹框被覆盖了。

    解决办法:

      >>> : 将弹框与导航栏代码同级,这样就可以解决导航栏设置了z-index较高的值之后覆盖弹框的问题。

      可是又产生了第三个问题:弹框占据了轮播图片部分的位置。

      解决办法:

        >>> : 将弹框绝对定位,这样它们就会从文档流中剔除。不占据任何位置。

结论:所有定位问题的来源都是父子级关系的原因。要解决定位问题就先从html父子级结构着手。

[学习新知识]

1.使用easyui的layout布局。

  layout可以将元素拆分成上(north)、下(south)、左(west)、右(east)、中央(center)五个部分,这样的话就是横排3行,竖排3列。但是假设需要横排4行或者更多、竖排4列或者更多时,就只能将已经拆分的那部分继续拆分,这是easyui多个布局的方式。

2.jquery里面改变节点顺序的方法:

  在写轮播图代码的时候,实现了另一种通过改变节点顺序来显示图片的方式,这样可以不需要用到定位。

  假设页面上有一个ul,里面有3个li,结构如下:

<ul id=‘parent‘>
    <li id=‘node1‘></li>
    <li id=‘node2‘></li>
    <li id=‘node3‘></li>
</ul>

有两个方法可以改变li的顺序:

  >>>方法1 :$(A).prepend($(B)) 将B放置到A的开头,始终是第一位。

  js代码如下:

$(function(){
   $(‘#parent‘).prepend($(‘#node3‘)); //将第3个<li>放到<ul>的第一位
})

  执行之后的结果:

<ul id=‘parent‘>
    <li id=‘node3‘></li>
    <li id=‘node1‘></li>
    <li id=‘node2‘></li>
</ul>

  >>>方法2 :$(A).inserBefore($(B)) 将A放置到B之前。同样的有$(A).inserAfter($(B)) 表示将A放置到B之后。

  js代码如下:

$(function(){
   $("#node1").insertAfter($("#node2")); //将第1个<li>放置到第2个<li>之后
})

  执行之后的结果:

<ul id=‘parent‘>
    <li id=‘node2‘></li>
    <li id=‘node1‘></li>
    <li id=‘node3‘></li>
</ul>
时间: 2024-10-29 19:08:15

#每日总结#的相关文章

【第二组】项目冲刺(Beta版本)第六次每日例会 2017/7/24

项目冲刺(Beta版本)第六次每日例会 开发小组:Hunter 冲刺经理:林贵渊 小组成员:林轩宇,张太,李明君,刘仁人 1.每日例会内容 (1)昨天做了什么 1.林轩宇:Button音效及服务器相关内容. 2.刘仁人:二维码制作. 3.张太:查找本地内容. 4.李明君:LOGO设计,Button美化. 5.林贵渊:本地内容整理优化. (2)遇到了什么问题 1.图像传输问题(林轩宇) 2.部分功能存在一些小BUG(李明君,林贵渊) 3.控件及界面优化(刘仁人,李明君) 4.玩家交互没有好的构想[

老男孩教育每日一题-2017年5月11-基础知识点: linux系统中监听端口概念是什么?

1.题目 老男孩教育每日一题-2017年5月11-基础知识点:linux系统中监听端口概念是什么? 2.参考答案 监听端口的概念涉及到网络概念与TCP状态集转化概念,可能比较复杂不便理解,可以按照下图简单进行理解? 将整个服务器操作系统比喻作为一个别墅 服务器上的每一个网卡比作是别墅中每间房间 服务器网卡上配置的IP地址比喻作为房间中每个人 而房间里面人的耳朵就好比是监听的端口 当默认采用监听0.0.0.0地址时,表示房间中的每个人都竖起耳朵等待别墅外面的人呼唤当别墅外面的用户向房间1的人呼喊时

每日构建

http://blog.csdn.net/clever101/article/details/38964069 早在主持开发产品新版本之初,我就有一个略显激进的想法:新产品的测试版本发布频率 至少在一周之内.开发人员倾向于感觉自己软件有相当质量才能交出去测试,而我却认为软件质量的提高主要取决于外部驱动力.互联网软件为什么质量高?这么多 人用它,bug迅速被发现,迅速被修改.非互联网的软件企业要借鉴这个经验,一方面要在项目中迅速应用产品,另一方面要迅速发布测试版本公司测试人员测 试.总之要形成一种

每日自动备份JENKINS_HOME至SVN

每日自动备份JENKINS_HOME至版本控制系统SVN Jenkins是一个可扩展的开源的持续集成工具,也是当下最流行的持续集成工具. Jenkins主要功能 易于安装(Easy installation) 易于配置(Easy configuration) 变更集支持(Change set support) 永久链接(Permanent links) RSS/Email/IM集成(RSS/E-mail/IM Integration) 事后标签(After-the-fact tagging) J

CSS3每日一练之内容处理-嵌套编号

出处:http://www.w3cfuns.com/thread-5592229-1-17.html 1.大标题一   1.子标题   2.子标题   3.子标题2.大标题二   1.子标题   2.子标题3.大标题三   1.子标题   2.子标题   3.子标题 这种问题,你可能会觉得直接定义两个计数器,分别编号不就行了,于是就写出了如下代码: <!DOCTYPE HTML> <html> <head> <meta charset="gb2312&q

java每日小算法(27)

/* [程序27]  题目:求100之内的素数    */ package test; import java.util.Scanner; public class test { public static boolean prime(int number) { boolean flag = true; int mid = (int)Math.sqrt(number); for(int i = 2; i< mid+1; i++) { if(number % i == 0) { flag = fa

批处理实现每日自动备份和清除数据库文件

说明 利用任务计划,每天指定时间执行批处理文件: 1.实现自动Copy数据库备份文件至另一台主机上 2.自动删除指定天数的备份文件 1.批处理文件代码 CopyDB2Lan (factory).bat ************************* 代码开始处 *************************  @echo off color 0e cls title Copy DB 到 镜像主机下 (by [email protected])... set desthost=\\172.

java每日小算法(4)

[程序4] 题目:将一个正整数分解质因数.例如:输入90,打印出90=2*3*3*5. 程序分析:对n进行分解质因数,应先找到一个最小的质数k,然后按下述步骤完成: (1)如果这个质数恰等于n,则说明分解质因数的过程已经结束,打印出即可. (2)如果n<>k,但n能被k整除,则应打印出k的值,并用n除以k的商,作为新的正整数你n,重复执行第一步. (3)如果n不能被k整除,则用k+1作为k的值,重复执行第一步. package test; import java.util.ArrayList;

老男孩教育每日一题-第126天-通过shell脚本打印乘法口诀表

问题背景: 生成9*9乘法表 [[email protected] ~]# seq 9 | sed 'H;g' | awk -v RS='' '{for(i=1;i<=NF;i++)printf("%dx%d=%d%s", i, NR, i*NR, i==NR?"\n":"\t")}' 1x1=1 1x2=2   2x2=4 1x3=3   2x3=6   3x3=9 1x4=4   2x4=8   3x4=12  4x4=16 1x5=5

企业网站对于每日访问量过大的IP进行查封

通过企业网站的日志文件分析,对于每日访问量到达一定数量的IP进行查封 脚本通过传参的形式,可以对任何日志进行传递分析 ipt函数进行查封,del函数对昨天查封的IP进行解封 #!/bin/bash #2017-08-12 if [ $# -lt 1 ];then   echo "USAGE:$0 ARG"   exit 1 fi ipt(){ awk '{print $1}' $1|sort|uniq -c|sort -rn -k1 > /tmp/tmp.log exec<