常用代码
阿聪世家
我是一枚前端攻城师Front End Engineer围攻各种前端技术Jquerycss3html5write lessdo more
展开
-
表单左侧自动调整,应用广泛,不用单独添加宽度
表单左侧自动调整,解决了单独添加宽度的烦恼,同事添加vertical-align:middle;//input框对文字垂直居中显示;希望对大家有所帮助,废话不多说,各位看代码哦,如有问题,可以留言哦表单左侧宽度自动调整label{float:left; margin-right:2px; text-align:right; line-height:26px;}原创 2013-03-08 11:02:09 · 992 阅读 · 0 评论 -
jquery 滚动条滚动到底部
$(window).scroll(function(){ var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if(scrollTop原创 2016-10-10 17:16:50 · 1035 阅读 · 0 评论 -
获取当前时间。。
function CurentTime() { var now = new Date(); var year = now.getFullYear(); //年 var month = now.getMonth() + 1; //月 var day = now.getDate();原创 2016-02-16 15:48:44 · 381 阅读 · 0 评论 -
jquery浮动定位层导航描点上下滚动的浮动导航
jquery浮动定位层导航描点上下滚动的浮动导航*{margin:0;padding:0;list-style-type:none;}a,img{border:0;}.container{width:980px;margin:0 auto;background:#ccc;}/** 翻屏 **/*html,*html body{background-image:url(about:bl原创 2015-09-06 15:59:05 · 2199 阅读 · 0 评论 -
jQuery实现页面滚动时层智能浮动定位
各位兄弟可能碰到定位的问题,特别是在博客或者微博上面也会见到这个效果,于是产品人员在策划的时候就会要人家那种效果,,,而苦逼的我们需要去实现,实现实现。。。。。没办法,谁让我们是攻城师呢,,攻吧:效果图如下,滚动条下拉的时候,黑色的块TOP为0;固定显示:代码如下:jQuery实现页面滚动时层智能浮动定位 *{ margin:0; padding:0;}原创 2013-03-29 16:50:48 · 2037 阅读 · 0 评论 -
关于自适应布局的处理
自适应布局在实际应用中越来越普遍了,今天分享几个自适应布局的demo,主要是浮动圣杯布局(也叫双飞翼布局,主要是利用浮动和margin负边距实现的),没有介绍绝对定位布局,都是我想,你能明白我下面的几个例子,绝对定位布局也是非常的简单了。PS:圣杯布局有个好处,符合前端开发中渐进增强的理念,因为浏览器解析是从DOM的上至下,圣杯布局能够把页面中重要的内容section放到DOM前面先解析,而次原创 2013-08-01 16:59:22 · 1108 阅读 · 2 评论 -
对于窗口及可视窗口及滚动条获取高度宽度
Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.bod原创 2013-05-29 13:51:48 · 1230 阅读 · 0 评论 -
没有固定高度宽度的层垂直居中
$(function() { jQuery.fn.center = function () { this.css("position","absolute"); this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px"); t原创 2013-05-29 10:51:48 · 802 阅读 · 0 评论 -
清除浮动的用法clearfix
经过各种清除浮动的比较,以及日常的应用,发现最好最完美的一种方法就是这个:代码如下,css:.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.clearfix{*zoom:1;}//只针对IE6/7HTML:原创 2013-04-25 19:25:40 · 1401 阅读 · 0 评论 -
网站通用样式css代码
/* css common */@charset "utf-8";html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,iframe{margin:0; padding:0;}body,input, button,原创 2013-03-06 17:25:58 · 1213 阅读 · 0 评论 -
一款带动画效果的经典二级导航菜单Jquery特效
导航菜单比较实用,当然还是选择经典的,代码最少的,效果最好的喽,各位童鞋请围观哦,废话不说,效果图如下,欢迎评价:看代码:一款带动画效果的经典二级导航菜单Jquery特效html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0;}body {font:12p原创 2013-03-22 15:58:18 · 2117 阅读 · 0 评论 -
身份证 算生日
function get_baseinfo(){ var usercode = document.querySelector('#usercode').value; if(usercode=='' || usercode.length != 18){ alert('请输入18位正确身份证号'); return fal原创 2016-10-11 11:32:16 · 472 阅读 · 0 评论