自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 问答 (1)
  • 收藏
  • 关注

原创 jquery nav鼠标跟随的导航

无标题文档 .nav{ width:1000px; height:46px; line-height:46px; background: #333; list-style:none; position:relative; z-index:99; margin:0; padding:0; } .nav li{ wi

2016-11-24 16:24:21 597

原创 jquery鼠标划过内容背景滑动切换

例1:左右效果Html: /* servicesBox */ .servicesBox{ width:1000px;height:270px;margin:0 auto; clear:both;line-height:18px;color:#999999;font-size:12px;} .servicesBox .serBox{ cu

2016-11-23 15:39:15 1563

原创 返回顶部,到达顶部消失(移动端)

(function ($) { //判断页面高度,如果滚到指定高度添加top按钮 var minHeight = $(window).height() /2; var btnHtml = '<a href="javascript:;" class="btn-gotop" id="btnGotop2"></a>'; /* $("body").append

2016-11-18 17:42:08 5058

转载 返回顶部2种写法

position: absolute;和fixed.两种方法!一、html:123456789101112131415161718192021222324

2016-11-18 17:37:05 749

原创 少用的css属性总结

1. 滚动条样式 ::-webkit-scrollbar{ background:red; } 在IE中可以自定义滚动条的样式 ,基于webkit的浏览器现在也可以自定义其样式: ![这里写图片描述](http://img.blog.csdn.net/20161117174927866) ::-webkit-scrollbar { /* 1 */ }

2016-11-18 17:01:18 306

转载 清除页面广告,一款简易的chrome扩展

大家肯定有这样的经历,浏览网页的时候,左右两端广告,诸如“屠龙宝刀,点击就送”,以及最近火的不行的林子聪37传奇霸业什么“霸业面具,霸业吊坠”的魔性广告总是充斥我们的眼球。当然有现成的扩展程序或者插件(两者概念稍有不同)可以清除页面广告,但是既然身为一名程序猿,尤其是FEDer,为什么不尝试一下自己写一个清除广告的扩展程序呢。其实,编写一个浏览器扩展程序十分简单,尤其是chrome扩展,可

2016-11-17 16:43:42 2208

原创 scrollToFixed.js——导航...滚动固定

简介ScrollToFixed (jquery Fixed plugin)能够让网页的导航或表头等固定在顶部或底部,用户更方便的操作或查看信息。除了导航和表头,也可以固定其他内容,比如广告、返回顶部等等。功能 固定某个元素的位置,在页面滚动时,元素仍然显示。使用方法 只需引入js及初始化即可,不需要写额外的css样式控制。

2016-11-09 10:58:58 3189 1

原创 影响CSS渲染速度的因素有哪些

1.滤镜 滤镜是一个非常耗资源的东西,特别是一些羽化、阴影、前透明的效果,而且一些IE的滤镜在Firefox不支持。如512大地震,网页全部变成了灰色,body{filter:gray;} body{filter:gray;} 网页非常的慢,CPU也飙升,如果电脑配置差的话,死机都可能。例如透明效果:#login_bd{ width;200px; height:200px; background:

2016-11-08 14:28:17 1521

原创 Respond.js 兼容IE6-8 的CSS3 Media Query使用方法

书写基本样式要想实现响应式布局,首先需要书写基本的响应式布局的样式。html,body { height: 100%;}@media only screen and (min-width: 480px){ body { background: yellow; }}@media only screen and (min-width: 640px) and (max-wi

2016-11-04 11:42:22 2784

原创 移动端iphone等不同机型分辨率

2016-11-01 10:50:31 375

转载 表格列的hover状态与selected选中状态

组织表格列的交互状态一直是很头疼的事情,他不像行那样有天然的tr包裹可控,只有一个虚无缥缈的col元素可以操作,而且原生的col样式在操作的时候也是有各种坑。 在做表格的列的hover效果的时候,尝试了控制col用纯css,最终因为各种bug放弃,最终无奈只好用js来实现。 要实现的效果如demo: 矛盾点:单元格高度联动,border的实现<!DOCTYPE html><html><he

2016-11-01 09:28:33 4170

空空如也

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

TA关注的人

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