- 博客(66)
- 收藏
- 关注
RSS订阅原创 移动端的 jquery——移动端滚动条插件iScroll.js API文档
http://www.tuicool.com/articles/NJJBzqm
2017-04-21 17:09:44
2915
原创 定义 动态的导航栏高亮
//获取页面的链接 var nowUrl = window.location.href; nowUrl = nowUrl.split('/');//分离成数组 取最后边的一个 然后给他的父级添加class //alert( nowUrl[nowUrl.length - 1])console.log(nowUrl) $('.order_type a[href*="
2017-04-07 15:59:58
512
转载 利用html5调用本地摄像头拍照上传图片
html5概念啥的就不废话了，不知道的 百度， 谷歌一堆。。今天学了学html5中的Canvas结合新增的标签来获取本地摄像头，在html5之前，要在浏览器获取本地摄像头只有通过插件（ActiveX，但是这种只有IE支持）或者是flash来获取（或许你没学过flash那就很坑爹了），在之后微软的silvertlight中也可以获取，但这些都比较麻烦，在html5的世界里，要获取本地摄像头，只要
2017-03-23 13:40:34
3265
原创 css 符号样式 （）
.yuan{ display: inline-block; width: 13px; height: 13px; border-radius: 13px; background-color:#29aecb; margin-right: 5px;}.shuxian{ display: inline-block; width: 3px
2017-03-20 19:02:58
1363
原创 透明度渐变
background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
2017-03-17 15:51:58
413
原创 移动开发 某个 页面
define(function(require,exports,module){ var $ = require('zepto'), helper = require('helper'), tips = require('tips'), loadding = require('loadding'), eventHelper = require
2017-03-14 13:00:38
404
转载 jQuery animate()方法详解、实例、扩展（详细版）
jQuery animate()方法详解、实例、扩展（详细版） 一、语法 先看看官方文档怎么写的。语法 1 $(selector).animate(styles,speed,easing,callback)参数描述styles 必需。规定产生动画效果的 CSS 样式和值。 可能的 CSS 样式值（提供实例
2017-03-14 10:49:43
12381
原创 彩视页面遇到的 导航栏高亮 和单页面导航栏 滑动到页面某高度的方法
$(document).ready(function() { $("ul li").eq(0).addClass('active') //确认为第一个LI添加class $('.nav li').bind('click', function(){ //bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。//将事件和函数绑定到元
2017-03-14 10:48:59
767
转载 CSS 雪碧图
雪碧图被运用在众多使用了很多小图标的网站上。相对于把每张小图标以.png格式文件的形式引用到页面上，使用雪碧图只需要引用一张图片，对内存和带宽更加友好。 实现EDIT假设我们通过.toolbtn的类，为应用该类的各元素提供一张背景图片：style> .toolbtn {background:url(myfile.png); display:inline-block; heigh
2017-03-07 15:32:03
363
转载 CSS是 如何工作的？
浏览器在展现一个文档的时候，必须要把文档内容和相应的样式信息结合起来展示。 这个处理过程一般分两个阶段：浏览器先将标记语言和CSS转换成DOM (文档对象模型)结构。 这时DOM 就代表了电脑内存中的相应文档，因为它已经融合了文档内容和相应的样式表。最后浏览器把 DOM的内容展示出来。标记语言通过使用“元素”来定义文档结构。你需要使用一些以''结尾的字符串，俗称tags，来
2017-03-07 10:34:03
388
原创 文字两边是横线的样式
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> .header{ width: 300px; height: 100px; } .text_line{ width:
2017-03-06 16:37:52
845
转载 基于jquery实现导航菜单高亮显示（两种方法）
基于jquery实现导航菜单高亮显示（两种方法）投稿：mrr 字体：[增加 减小] 类型：转载 时间：2015-08-23 我要评论本篇文章是基于jquery实现导航菜单高亮显示，当点击不同导航菜单实现当前点击的菜单是高亮的，有需要的朋友可以关注下本文项目需求：实现原理：当选中当前元素时，给当前元素添加样式，同级元素移除样式。点击不同的导
2017-03-06 14:17:57
1556
原创 一个首页框架 包含（侧面导航的 高亮写法）
html>head lang="en"> meta charset="UTF-8"> title>管理后台title> script type="text/javascript" src="/static/js/jquery-1.11.2.min.js">script> link rel="stylesheet" href="/static/admin/css/c
2017-03-06 13:56:28
496
转载 jQuery选择器和选取方法
jQuery选择器和选取方法 我们已经使用了带有简单Css选择器的jQuery选取函数:$()。现在是时候深入了解jQuery选择器语法，以及一些提取和扩充选中元素集的方法了。 一、jQuery选择器在CSS3选择器标淮草案定义的选择器语法中，jQuery支持相当完整的一套子集，同时还添加了一些非标准但很有用的伪类。注意:本节讲述的是 jQuer
2017-03-06 13:52:12
388
原创 初入前端
html是超文本文档 浏览器是一个可以进行渲染的一个窗口；js css的工作原理 ；js css是如何进行渲染的；js是如何进行异步加载的；jq是一个类库，研究jq的源码；jq里包涵有N多经典的JS写法
2017-03-06 11:33:18
219
原创 JS设置左侧导航跟右侧内容高度一致
script type="text/javascript"> //判断控制页面初始时左右的高度一致 window.onload = function(){ //设置页面加载完成后运行JS var hl = $(".menu").outerHeight(); //获取左侧left层的高度 var hr = $(".main").outerHeight(); //获
2017-03-06 10:02:32
2208
转载 史上最全前端面试题(含答案)
HTML+CSS1.对WEB标准以及W3C的理解与认识（1）web标准规范要求，书写标签必须闭合、标签小写、不乱嵌套，可提高搜索机器人对网页内容的搜索几率。--- SEO（2）建议使用外链css和js脚本，从而达到结构与行为、结构与表现的分离，提高页面的渲染速度，能更快地显示页面的内容。（3）样式与标签的分离，更合理的语义化标签，使内容能被更多的用户所访问、内容能被更广泛的设备所访
2016-11-14 18:41:38
713
转载 对WEB标准以及W3C的理解与认识
按照习惯的理解，这两个概念似乎都是指的一个东西（就是咱们在这个版里讨论的这些个"高深理论“^_^）。但我认为，事实上从技术的角度上讲，这两个事物几乎没有任何相关性。web标准简而言之就是将页面的结构、表现和行为各自独立实现，更通俗的讲就是如今招聘时流行的语言”div+css"。但W3C XHTML的任何一个版本都没有对web标准理念作限制。很显然的，我们可以用xhtml 1.1写出一个table定
2016-11-14 18:40:13
376
转载 DOM
什么是 DOM？DOM 是 W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准："W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。"W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XM
2016-11-11 12:33:13
195
转载 css3的动画效果
CSS3 @keyframes 规则如需在 CSS3 中创建动画，您需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。浏览器支持属性浏览器支持@keyframes
2016-11-11 12:31:15
296
转载 flexbox 弹性盒布局和布局原理
flexbox 弹性盒布局和布局原理最近开始做H5，发现flexbox用的超级广泛，找到了这么一篇文章，https://css-tricks.com/snippets/css/a-guide-to-flexbox/,认为讲的还不错，加上自己的一些测试和理解，就有了这一篇笔记。新版的flexbox规范分两部分：一部分是container，一部分是 items。flexbox是一整
2016-11-11 11:10:46
260
转载 ajax无刷新加载原理
ajax （ajax开发）AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实
2016-11-11 10:54:38
4160
2
转载 各种浏览器的内核是什么
一、Trident内核代表产品Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。二、Gecko内核代表作品M
2016-11-11 10:30:03
3500
3
转载 常见浏览器兼容问题及解决技巧
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px
2016-11-11 09:40:08
222
转载 javascript深入理解js闭包
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999;
2016-11-08 16:34:08
183
转载 响应式布局
响应式布局 响应式布局是用来兼容浏览器分辨率，清晰度，横屏，竖屏的页面元素布局方式。一般使用栅格方式实现。时间思路有两种，一种是PC端优先，另一种是以移动优先，PC端作为一个扩展。由于移动端的资源比较优先，一般比较推荐从移动端扩展到PC端，这样就避免了在移动端加载多余的PC端内容。响应式布局主要可以结合几种实现方式：1，移动端布局控制使用 viewport标签在手机浏览器上控制布局控
2016-11-03 10:06:48
1789
转载 jquery each函数 break和continue功能
jquery each函数 break和continue功能幸运的是另一个突破，持续一个jquery循环方式。你可以打破在函数返回一个jquery参数虚假循环。一个可以继续执行只是在做不指定返回值或返回值以外的任何其他虚假的回报。 $('.container').each(function(i){ if($(this).attr('name')=="con
2016-11-01 21:52:03
269
转载 js和jquery获取父级元素、子级元素、兄弟元素的方法
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用：比如： var a = docuemnt.getElementById("dom").get
2016-11-01 21:49:58
229
转载 js 如何在多个按钮中获取点击按钮的id值
window.onload = function(){ var arr = document.getElementsByTagName('button'); for(var i = 0;i<arr.length;i++){ arr[i].onclick = function(){ alert(this.id); } } }b1
2016-11-01 21:45:04
12554
4
原创 CSS cursor 属性
指针变化的代码style=" cursor:pointer;"CSS cursor 属性实例一些不同的光标：span.crosshair {cursor:crosshair}span.help {cursor:help}span.wait {cursor:wait}尝试一下 »属性定义及使用
2016-11-01 11:42:55
788
原创 session显示登陆状态
动态填充数据li class="c6 " id="Info">li>jq动态填充数据script> $(document).ready(function(){ $.get("/users/Session",function(data,status){ console.log("数据: " + data + "\n状态: " + status);
2016-10-31 21:05:27
249
转载 HTML+CSS基础 p first-letter设置所有，段落第一个字的背景颜色
> html> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> title>title> meta charset="utf-8" /> style type="text/css"> p::first-letter
2016-10-31 20:34:03
4856
原创 css中背景图片的显示位置
拿一个btn举例子 .btn{width:138px;height:36px;background:url("image/button/bg19.jpg") no-repeat left top;}图片会根据一个鼠标移入移出事件会发生改变，其实只是图片显示的位置不同
2016-10-29 16:37:42
1629
原创 css3 新增加的属性
:first-of-type p:first-of-type 选择属于其父元素的首个 元素的每个 元素。 :last-of-type p:last-of-type 选择属于其父元素的最后 元素的每个 元素。:only-of-type p:only-of-type 选择属于其父元素唯一的 元素的每个 元素。:only-child p
2016-10-29 10:38:56
455
转载 JQuery监听页面滚动总结
摘要: JQuery监听页面滚动总结1、当前滚动的地方的窗口顶端到整个页面顶端的距离： var winPos = $(window).scrollTop();2、获取指定元素的页面位置： $(val).offset().top;3、对页面滚动条滚动的监听：要放在页面加载的时候 $(window).scroll(funct
2016-10-28 16:20:36
15627
转载 JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
//获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(document.body).width(); 获取滚动条的位置 复制代码代码如下://获取
2016-10-28 16:05:11
418
转载 jQuery scroll事件实现监控滚动条分页示例
scroll事件适用于window对象，但也可滚动iframe框架与CSS overflow属性设置为scroll的元素。复制代码代码如下:$(document).ready(function () { //本人习惯这样写了 $(window).scroll(function () { //$(window).scrollTop()这个方法是当前
2016-10-28 16:03:30
435
转载 什么才是真正的中国筷子！
让我来告诉你，什么才是真正的中国筷子！ 首先，筷子一头圆、一头方。圆的象征天。方的象征地，对应天圆地方；这是中国人对世界基本原则的理解； 其次，手持筷子时，拇指食指在上，无名指小指在下，中指在中间，是为天地人三才之象，这是中国人对人和世界的关系理解； 然后，中国人遵守太极和阴阳的理念。 太极是一，阴阳是二； 一分为二，这代表着万
2016-10-28 08:32:37
1187
转载 jQuery scroll事件实现监控滚动条分页示例
这篇文章主要介绍了jQuery scroll事件实现监控滚动条分页简单示例,使用ajax加载,同时介绍了(document).height()与$(window).height()的区别,需要的朋友可以参考下scroll事件适用于window对象，但也可滚动iframe框架与CSS overflow属性设置为scroll的元素。复制代码代码如下:$(
2016-10-24 15:02:18
905
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人