2016年03月_webnoob

原创用jquery实现Tab切换菜单

1.效果图：2.html和jq代码： Document tab1 tab2 tab3 内容1 内容2 内容3 $(document).ready(function() { $(".contxt .txt").eq(0).show().siblings().hide()

2016-03-19 01:14:46 1954

1.全屏banner图片的宽度要设置成1920px，以便满足基本pc的横向的宽度。2.banner父容器的宽度要用relative，子元素用absolute进行定位。3.要使大图片从中间开始显示，这样就不会显得不对称。4.若图片是作为div的背景的使用的话，设置下背景的位置为top center，以达到从中间开始显示。5.如果图片是放在链接里面的话，需要设置链接显示为块元素，把图片最为链接的背景。...

2016-03-16 17:58:04 2330 3

原创 css清除浮动

清除浮动，首先要理解浮动的含义，附上鑫大神关于float的描述链接：点击打开链接先说下为什么要清除浮动：假设父元素包含2个浮动的子元素，由于子元素设置浮动脱离文档流，使得父元素高度不能auto，也就不能达到包含2个子元素的效果，如下：解决办法一：加入一个带clear属性的divhtml代码：<body> <div class="con"> <d...

2016-03-09 17:39:37 421

原创利用css写出二级导航

可以利用css伪类:hover就可以写出二级导航html代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>..</title> <link href="style.css" type=&qu

2016-03-09 15:44:21 1006

原创用css3新伪元素：valid制作带清除的文本框

效果如下图：style.css样式代码： .input { padding: 5px; margin: 0; border: 1px solid #beceeb; } .clear { display:none; position: absolute; width: 16px; height: 16px; margin: 5px 0 0 -16px; outline: none; } .in...

2016-03-04 16:42:57 1918

原创用JQuery写出登录弹出框

类似百度的登录弹出框，可用jquery的fadeIn()，hide()，show()，slideDown()等动画函数实现，一下为html5代码： $(document).ready(function(){ $(".btn_click").click(function(){//

2016-03-03 22:54:34 8890 3

原创 web前端小结01

1.编写文本框和按钮黏在一起的组件，button要用，而不能用标签； 2.内联元素无法设置width，可以改成display：inline-block；3.css布局是最外层的Div让它的高度自适应，由内容撑开。让Div的居中可以设置margin：0 auto；在布局时css可以先使用通配符*{padding：0；margin：0；}来预设置边距，方便以

2016-03-02 12:55:27 478

webnoob