自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

webnoob

每一个你讨厌的现在,都有一个不努力的曾经

  • 博客(7)
  • 收藏
  • 关注

原创 用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

原创 用JQuery实现全屏banner

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

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除