2015年11月_啊哈前端

12月 11月 10月 08月 06月

原创 css使用背景图片制作搜索框

使用图片制作搜索框 .searchCon { width: 330px; height: 35px; background: url(images/search.jpg) no-repeat; position: relative; } .searchCon input.inputText{ width: 235px; height: 24px; lin

2015-11-30 14:49:25 3386

原创 jquery幻灯片更新版

jquery幻灯片 *{margin:0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} html,body { width: 100%; /*设置body，html宽度为全屏*/

2015-11-13 17:51:43 458

原创 jquery轮播图

jquery轮播图 *{margin:0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} html,body { width: 100%; /*设置body，html宽度为全屏*/

2015-11-12 17:28:29 471

原创 css3手风琴效果diy

css *{margin: 0;padding:0;box-sizing: border-box;-moz-box-sizing: border-box;} body { border: 0; } .clear:before,.clear:after{ /*清除浮动*/ content: ""; display: table; clear: both; hei

2015-11-10 14:07:22 397

原创 jquery滑动导航diy

jquery滑动导航 *{margin: 0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;} body { font: 16px/20px 'Microsoft yahei,微软雅黑'; color: #AFBBBB;

2015-11-09 17:19:59 628

原创 jquery实现网页中常见的展示列表效果

jquery品牌列表效果 *{ margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; } body { font: 16px/20px "Microsoft yahei,'微软雅黑'" color: #fff; } ul { list-style-type

2015-11-08 22:39:55 1322

原创 jquery判断滚动条到达底部的方法

jquery scrollTop document.height():px;window.height():px;距离顶部0px $(function(){ $(document).scroll(function(){ var dHeight=$(document).height(); var wHeight=$(wi

2015-11-06 16:51:38 1382

原创 jquery中clientY，pageY和screenY的区别

jquery获取坐标 * {margin: 0;padding: 0;} div p { display: inline-block;box-sizing: border-box; }鼠标当前的屏幕坐标是：x:0,y:0鼠标当前窗口客户区的坐标是：x2:0,y2:0鼠标在窗口页面中的坐标是：x3:0,y3:0 $(document).ready(func

2015-11-06 16:32:02 1078

原创 jquery进度条

jquery 进度条 *{margin: 0;padding: 0;} .progs { width: 1000px; margin: 0 auto; text-align: center; margin-top: 200px; } #progress { width: 800p

2015-11-06 15:53:34 356

转载 js区分中英文统计字符个数

js区分中英文统计字符个数 var countnums=(function(){ var trim=function(strings){ return (strings||"").replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g,"");//+表示匹配一次或多次，|表示或者

2015-11-06 14:33:23 4747

转载 css画正三角形

html>html lang="en">head> meta charset="UTF-8"> title>css画正三角形title> style type="text/css"> .container { width: 0; height: 0;

2015-11-05 16:24:07 2814 1

原创 css将文字和图片水平垂直居中

html>html lang="en">head> meta charset="UTF-8"> title>css将内容水平垂直居中title>style type="text/css"> *{margin:0;padding:0;box-sizing:border-box;font: 16px/20px 'Microsoft yahei,微软雅黑'}/*box-si

2015-11-05 15:55:15 1781

转载 js递归

js 经典阶乘递归 function digui(num){ if(num return 1; } else { return num*arguments.callee(num-1);//指向正在执行的函数的指针 } }

2015-11-05 13:52:40 401

转载 js获取li的索引值

js获取当前选中的li的索引以及中文本值 *{margin: 0;padding: 0;} ul li {list-style-type: none;} .ulall {width: 300px;margin: 0 auto;} .ulall li{width: 300px;height: 35px}

2015-11-02 10:22:15 4372

《锋利的jquery》第二版随书源码

初学jquery推荐书籍。详细介绍了jquery的特性。从选择器、dom操作、事件、动画、表单操作、jquery ajax以及jquery插件各个方面讲解。最后通过一个简单的商城网站，来学习如何利用jquery写出商城中的常用效果。初学者必备精品。

2015-12-07

《HTML 5网页开发实例详解》源码2

由于上传大小权限原因，分两部分上传。详细介绍了html5语义化标签，图像操作，地理定位，本地离线存储，通信api，websocket……共14章，每章都用代码案例详细介绍了关于html5的所有高级新特性。

2015-12-06

《html5网页开发实例详解》随书源码2

2015-12-06

《bootstrap实战》书籍随书实例源码

《bootstrap实战》书籍源码，教你如何用HTML5 Boilerplate和bootstrap一步一步构建一个简单的响应式的网站。书籍浅显易懂，适合初学bootstrap的童鞋们。

2015-12-02

超实用的css3代码段源码(376个案例)

超实用的css3代码段源码，近376个案例，与《超实用的javascript代码段》是一个系列的书籍。详细讲述了css3的使用方法。书中以案例为基础，以功能为目标进行讲解

2015-12-02

经典之作javascript dom编程艺术源码

经典之作《javascript dom编程艺术》源码。通过一个实际案例，讲述了原生的javascript操作dom的使用方法，以及操作dom中应该注意的一些事项。

2015-12-02

超实用的javascript代码段实战源码(近400个案例)

本书籍源码共有近400个案例，将javascript的各种用法，用代码的方式诠释的淋淋尽致，是提升自己javascript的必备武器。从代码中来，到工作中去，以功能为主导，以代码为核心。各种实用功能尽在本书中……

2015-12-02

使用gulp-useref将html页面js合并报错？

2018-04-27

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

TA关注的人