- 博客(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 8891 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关注的人