- 博客(22)
- 收藏
- 关注
原创 单击按钮,就会出现一个input框,最多3个?
html代码:div class="controls " id="generation">div>jQuery代码:$(function(){ var i=0; $(".option").click(function(){ i++; if(i4){ var button="";
2016-08-17 17:24:23 387
原创 用jQuery 判断鼠标滚轮滑动距离?
jQuery方法$(window).bind("scroll",function(){var top=$(this).scrollTop();//当前窗口的滚动距离})例子:$(window).bind("scroll", function(){ var top = $(this).scrollTop(); // 当前窗口的滚动距离 if(top>1){
2016-08-10 15:48:09 8478
原创 媒体查询的用法?
1、设置meta标签width=device-width:宽度等于当前设备的宽度initial-scale:初始的缩放比例(默认设置为1.0)minimum-scale:允许用户缩放到最小比例(默认设置为1.0)maximum-scale:允许用户缩放到最大比例(默认设置为1.0)user-scalable:用户是否可以手动缩放(默认设置为no,因为我们不希望用户自己放
2016-07-28 11:08:45 742
原创 css3中word-wrap的用法?
word-wrap 属性允许长单词或 URL 地址换行到下一行。取值:normal/break-wordnormal:只在允许的断点换行(浏览器保持默认处理)。break-word:在长单词或URL地址内部进行换行。
2016-07-26 11:07:01 554
原创 两个按钮点击,点击1,2的颜色切换,点击2,1的颜色切换?
html代码如下:div> button class="btn btn-default">i class=" icon-circle-arrow-right"> 启动i>button> button class="btn btn-danger">i class=" icon-remove-sign">停止i>button>div>js代码如下:$(functi
2016-07-15 17:40:37 2525
原创 在pc端四个小图标显示,在手机端,只有一个小图标,点击小图标,四个小图标出来,再点击,四个小图片隐藏?
HTML代码:td class="center relative-position"> a class="btn btn-switch" href="#"> i class="icon-reorder">i> a> div class="icon-list-container"> a class="btn btn-info" href
2016-07-15 16:28:33 1683 1
原创 background-size的用法:
background-size有四个取值: 1、length:设置背景的高度跟宽度(第一个值设置宽度,第二个值设置高度,如果只设置一个值,第二个值会设为"auto") 2、percentage:以父元素的百分比来设置背景图像的宽度跟高度(第一个值设置宽度,第二个值设置高度,如果只设置一个值,第二个值会设为"auto") 3、cover:把背景图像扩展至足够大,以使背景图像完全覆盖背景区域,背景图像的某些部分也许无法显示
2016-07-12 10:03:58 1330
原创 用js计算屏幕的高,div在屏幕中间?
var Height=(document.body.scrollHeight-$("#loginContainer").height())/2;$("#loginContainer").css("top",Height);
2016-07-08 14:59:55 1507
原创 css3属性-webkit-font-smoothing
CSS3属性-webkit-font-smoothing:这个属性可以使页面上的字体抗锯齿,使用后字体看起来会清晰舒服 三个属性:subpixel-antialiased:默认值none:对低像素的文本比较好antialiased:抗锯齿很好
2016-06-23 15:16:56 442
原创 如果div只写了position:absolute,他的父元素没有写,relative,那他针对于谁?
style type="text/css"> .pre { color:red; } .parent{ left:0px; top:0px; margin:0; padding:0; } .pos_abs{ position:absolute; left
2016-06-22 11:10:04 1124
原创 box-sizing的用法
box-sizing有两种取值1、content - box:当我们设置 box-sizing: content-box; 时,浏览器对盒模型的解释遵从我们之前认识到的 W3C 标准,当它定义width和height时,它的宽度不包括border和padding。 2、border - box:当我们设置box-sizing: border-box; 时,浏览器对盒
2016-06-17 10:46:30 366
原创 css3中clip属性
clip 属性剪裁绝对定位元素当一幅图像的尺寸大于包含它的元素时会发生什么呢?"clip" 属性允许您规定一个元素的可见尺寸,这样此元素就会被修剪并显示为这个形状。有三个取值:1、shape:设置元素的形状,唯一合法的形状值是:rect(top,right,bottom,left);2、auto:默认值,不应用任何裁剪3、inherit:规定应该从父元素继承clip属性
2016-06-16 15:30:06 296
原创 HTML5 - 用<figure/>添加插图和图题
1,什么是插图(figure)插图与图片概念不太一样,HTML5规范建议我们把插图想象成一本书的附图。即插图虽然独立于文本,但文本中会提到它。2,插图使用(1)使用标签添加插图,并设置浮动,相关的文本可以在其附近围绕。(2)标签内部还可以添加图题,其包含了对图片的完整说明。(添加图题后,alt文本就显得多余,可以去除)。
2016-06-16 15:03:30 355
原创 想要边框变细,怎么做,普通的最小是1px
1、先给边框设置class .li1.li1{ background-color:white; position:relative;}.li1:after{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#d9d9d9;content:
2016-06-16 11:09:19 2437
原创 如果背景图片不够长短,我们应该怎么解决?
1、可以用ps把图片切成想要的样子2、可以使用background-size:width height;(宽要比实际的宽要宽的多)比如width:360px;background-size:的宽要比他多就ok
2016-05-27 09:36:20 5458
原创 backface-visibility什么意思
backface-visibility 属性定义当元素不面向屏幕时是否可见。如果在旋转元素不希望看到其背面时,该属性很有用。有两个属性:1、visible 背面是可见的 2、hidden 背面是不可见的
2016-05-26 10:16:20 1096
原创 text-overflow的用法
1、text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),也就是说 overflow: hidden; text-overflow:ellipsis;white-space:nowrap;一定要一起用,只有
2016-05-25 17:44:55 333
原创 在css中最常用的长度单位
在css中的常用单位一共有八个:分别是px、em、pt 、ex、 pc、 in、 mm、 cm1、px:像素(Pixel),相对于舍得长度单位,像素是相对于显示器屏幕分辨率而言的。譬如,WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。2、em:相对长度单位,相对于当前对象内文本的字体尺寸。乳当前行内文字的字体尺寸未被人为设置
2016-05-25 10:24:18 1023
原创 父元素与子元素之间的margin-top问题
想要给子元素加一个margin-top,但是对父元素产生了效果,怎么解决?解决方法有五种:1、给父元素加padding-top2、给父元素加overflow:hidden,子元素加margin-top3、给父元素加border:1px solid transparent;4、为父元素或者子元素声明绝对定位position5、为父元素或者子元素声明浮动float
2016-05-20 14:02:42 245
原创 切一张图片,如果图片太大,如何解决
想要图片变小,要设置宽度width:22px,再设置高度:24px,最后设置,background-size:22px 48px;
2016-05-20 09:31:53 271
原创 一张图片有两个小图,想要其中的一个,怎么写代码?
background:url('../images/delete.png') no-repeat left bottom ; display:block; width:67px; height: 64px; 就会变成
2016-05-20 09:28:08 609
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人