2013年3月6日
文字加下划线
摘要： 如果要给字体加下划线的话，直接用text-decoration:underline，就可以了(如图一)，但是如果是这样的话文字与下划线就会紧得很紧，效果看起来不怎么好看，但是又没有一些属性让文字与下划线的距离隔开一点，暂时知道的方法也就用border-bottom:1px solid black的方法来模仿下划线（如图二），使用这个的话最好加个高度吧! <div class="contain"> <ul> <li><a href="#">我是测试一</a></li> <li&g 阅读全文
posted @ 2013-03-06 21:55 MoenyChen 阅读(461) 评论(0) 推荐(0)
2013年2月27日
使用中介input（换位思考）
摘要： 阅读全文
posted @ 2013-02-27 09:16 MoenyChen 阅读(115) 评论(0) 推荐(0)
事件冒泡
摘要： 这是一个从下到上的过程，span—>div—>body<body><div id="clickDiv"><span id="clickSpan"><span></div></body>如果点击了span，那么会触发div和body的click，如果点击div，那么就会触发body的click，所以写点击事件时，用bind，如$(function(){$("#clickDiv").bind("click",function(){ale 阅读全文
posted @ 2013-02-27 09:07 MoenyChen 阅读(120) 评论(0) 推荐(0)
判断按钮是否被点击
摘要： 一开始做的时候，尝试用jq写，如下所示： <input type="button" id="btn"/>错误写法一： $(function(){ if($("#btn").attr("cick",true)){ alert("dd");} })错误写法二： $(function(){ if($("#btn").click==true){ alert("dd");} })后来问了别人，才知道用全局变量。 阅读全文
posted @ 2013-02-27 08:57 MoenyChen 阅读(1217) 评论(0) 推荐(0)
load的用法（问题未解决）
摘要： 一开始在做加载数据的时候总是想着：浏览器怎么知道数据是否加载完呢？是不是需要给它一个定时器呢，但是怎么这个怎么判断这个时间呢？原来load前面的选择器是加载的内容，加载成功后的内容可以写在function函数里面。但是load加载成功后，如果使用id选择器尝试把div隐藏的话，是不行的，但是改为用class选择器把div隐藏就可以（其实我也不知道为什么，如果知道的，请留言一下）：jq：<script type="text/javascript"> $(function () { $(".closeBtn").click(function () 阅读全文
posted @ 2013-02-27 08:24 MoenyChen 阅读(324) 评论(0) 推荐(0)
2013年2月24日
css div高度自适应
摘要： height:auto !important;height:200px; /*假定最低高度是200px*/min-height:200px; 这个在IE6下不起作用的，在IE6下需要把height:200px; /*假定最低高度是200px*/去掉就可以了......(做的时候是这样，不过还不太清楚这个自适应，先记下来吧~！) 阅读全文
posted @ 2013-02-24 23:31 MoenyChen 阅读(139) 评论(0) 推荐(0)
在IE7下设置z-index没有反应
摘要： 设置了两个div，两个div都设置了position:fixted，这时按钮会被第二个div覆盖掉，一开始的解决方法是在按钮里面加上z-index的属性，这时在IE8正常，但是在IE6、7就不正常，后来在网上查了一下，原来是要在其父元素上面加z-index这个属性才有效果的。<div class="toolBar"> <div class="closeButton"> <input type="button" value="关闭" class="close" /&g 阅读全文
posted @ 2013-02-24 23:29 MoenyChen 阅读(236) 评论(0) 推荐(0)
2013年2月22日
IE6下设置float和margin的问题
摘要： 如果在IE6下设置了浮动和margin的话，那么在IE6下距离就会加倍，代码如下： <div class="showHeadIcon"></div>.showHeadIcon /*文字前面的小图标*/{ width: 16px; height: 12px; float: left; margin-left: 14px; display: inline;/*解决方法一：直接加这句*/ /*_margin-left:7px;解决方法二：独立给IE6加样式*/ margin-top: 11px; background: url(../images/tool 阅读全文
posted @ 2013-02-22 09:27 MoenyChen 阅读(180) 评论(0) 推荐(0)
设置每个li的margin距离（巧设计）
摘要： 当我们在一个div里面包含头、中（ul和li）、尾i的话，如果设置每一个li的margin属性的话，那么虽然每个li都有距离了，但是整体的间距是不和谐的，这里需要设置ul的margin属性，代码如下：<div class="contain"> <div class="head"></div> <div class="main"> <ul> <li>1</li> <li>2</li> <li>3</li> 阅读全文
posted @ 2013-02-22 09:18 MoenyChen 阅读(2302) 评论(0) 推荐(0)
在一个圆圈的背景图上写文字
摘要： 由于背景图的背景是圆圈的，所以在其上面写文字的话，需要把文字居中对齐，设置的样式如下： <span class="number">1</span>.number /*信息条数*/{ width: 16px; height: 16px; font-size: 10px; padding-top: 3px; text-align: center; background: url(../images/toolbar.png);} 阅读全文
posted @ 2013-02-22 08:30 MoenyChen 阅读(532) 评论(0) 推荐(0)