- 博客(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
转载 表格列的hover状态与selected选中状态
组织表格列的交互状态一直是很头疼的事情,他不像行那样有天然的tr包裹可控,只有一个虚无缥缈的col元素可以操作,而且原生的col样式在操作的时候也是有各种坑。 在做表格的列的hover效果的时候,尝试了控制col用纯css,最终因为各种bug放弃,最终无奈只好用js来实现。 要实现的效果如demo: 矛盾点:单元格高度联动,border的实现<!DOCTYPE html><html><he
2016-11-01 09:28:33 4170
空空如也
Android 语音识别 非特定语言
2014-07-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人