摘要: 前不久朋友跟我说 sass 写 css 很不错,我就试着去用了,在使用 sass 的时候发现安装也是要点时间,那么我就整理了一下这些安装和使用的一些东西,分享一下,让想用 sass 写 css 的同学少走一些安装弯路,在这里仅仅适合 windows 下安装方式(Linux或OS X 请移步),好了废... 阅读全文
posted @ 2014-08-04 10:56 Zion0707 阅读(1107) 评论(0) 推荐(0)
摘要: 举一个jquery中ajax的应用小 demo 便于以后的更多项目拓展 ,这里要注意的是保存的文件名问题 ...ajax02.html 用户名 密 码 ajax02.php在谷歌浏览器的控制台上查看数据是否已经接收 阅读全文
posted @ 2014-08-04 09:37 Zion0707 阅读(237) 评论(0) 推荐(0)
摘要: 举一个jquery中ajax的应用小 demo 便于以后的更多项目拓展 ,这里要注意的是保存的文件名和文件图片路径问题 ...ajax01.html ajax小例子 ajax01.php 阅读全文
posted @ 2014-08-04 09:36 Zion0707 阅读(444) 评论(0) 推荐(0)
摘要: 现在移动端的应用可谓是越来越火爆了,随着 HTML5 和 CSS3 的诞生,那么移动端的网页也越来越普遍了,那么有时候开发人员制作移动网页的时候,有时候要模拟手机的手势来测试自己写的程序代码,却苦苦寻求不到自己合适的模拟器。那么在这里我将介绍一种谷歌触屏模拟器的插件,让开发者更好的开发自己的手机端的... 阅读全文
posted @ 2014-08-04 09:35 Zion0707 阅读(5013) 评论(1) 推荐(0)
摘要: 字符 含意^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a"$ 匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A"* 匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa+ 匹配前面元字符1次或多次,/ba+/将匹配ba,baa... 阅读全文
posted @ 2014-08-04 09:34 Zion0707 阅读(248) 评论(0) 推荐(0)
摘要: Document 盒子1 盒子2 盒子3 阅读全文
posted @ 2014-08-04 09:33 Zion0707 阅读(411) 评论(0) 推荐(0)
摘要: 实现效果:效果代码:请在IE9以上的版本浏览器我! 阅读全文
posted @ 2014-08-04 09:32 Zion0707 阅读(808) 评论(0) 推荐(0)
摘要: 实现效果:效果代码:Document我要居中 阅读全文
posted @ 2014-08-04 09:31 Zion0707 阅读(1055) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2014-08-04 09:30 Zion0707 阅读(143) 评论(0) 推荐(0)
摘要: 123 阅读全文
posted @ 2014-08-04 09:29 Zion0707 阅读(309) 评论(0) 推荐(0)
摘要: 或许对于网页开发者来说,对Firebug并不会陌生,在很多时候要用到它来进行调试代码非常给力,如果你已经非常习惯用 Firebug来调试代码,那么这个插件对你来说或许还是挺赞的,废话不多说,直接上网址去获取Firebug调试器,以及使用。 首先先登录 https://getfirebug.com/f... 阅读全文
posted @ 2014-08-04 09:27 Zion0707 阅读(184) 评论(0) 推荐(0)
摘要: 现在很多网站为了更好的用户体验,那么就会预先加载一部分内容,等到滚动条下拉到底部的时候,然后使用 ajax或其它技术,请求更多的内容,这样会使网页的用户体验会更好些,那么这个是怎么样做到的呢?现在就在这里提供一种思路出来...$(function(){//思路是:如果内容区域 小于等于 可视区高度加... 阅读全文
posted @ 2014-08-04 09:26 Zion0707 阅读(832) 评论(0) 推荐(0)
摘要: 利用枚举思想来添加地名,主要功能是:判断点击a标签(即当前的地名)如果在ul的li不存在的话那么就添加,有则不添加,而且还提供了相应的排序功能...HTML代码:广州深圳上海杭州武汉天津JAVASCRIPT代码://选择元素var oChinaChild = document.querySelect... 阅读全文
posted @ 2014-08-04 09:25 Zion0707 阅读(224) 评论(0) 推荐(0)
摘要: 事件委托(代理):就是利用事件冒泡机制,在最顶层触发事件的dom对象上绑定一个处理函数。在当有需要很多dom对象要绑定事件的情况下,可以使用事件委托。事件委托的好处是:节省资源 和 新增的元素也会有事件处理机制(这是项目中比较常见的问题)简要的用两个例子来解释一下事件委托这回事...先说说要产生的效... 阅读全文
posted @ 2014-08-04 09:24 Zion0707 阅读(179) 评论(0) 推荐(0)
摘要: 下面提供一种跟随鼠标移动的提示框的思路,方便在以后工作中应用,主要是应用到鼠标移动产生的数值来进行移动提示框的定位...CSS代码.box{height:100px;width:100px;background:orange;position:relative;margin:40px;}.move{... 阅读全文
posted @ 2014-08-04 09:23 Zion0707 阅读(2962) 评论(0) 推荐(0)
摘要: Document 菜单1 菜单2 菜单3 菜单4 菜单5 菜单6 菜单7 菜单8 菜单9 阅读全文
posted @ 2014-08-04 09:21 Zion0707 阅读(520) 评论(0) 推荐(0)
摘要: 很多时候我们要获取 CSS 样式表里面的值(非行间样式),而获取行间样式的属性值那么这用 obj.style.attr 就能获取得到,那么怎么样才能获取到CSS样式表里面的值呢,那么就要请出我们的主角currentStyle和getComputedStyle,简要的介绍一下他们,再封装一个函数来兼容... 阅读全文
posted @ 2014-08-04 09:20 Zion0707 阅读(241) 评论(0) 推荐(0)
摘要: 做项目的很多时候,想用 HTML5 CSS3 新的技术,又考虑到低版本的浏览器不支持这些标签和属性,就让人烦恼,不过问题的出现,就有问题的解决方案,那么这里就介绍用 js 插件来让低版本浏览器也兼容吧...让浏览器支持HTML5标签插件下载地址:http://code.google.com/p/ht... 阅读全文
posted @ 2014-08-04 09:19 Zion0707 阅读(343) 评论(0) 推荐(0)
摘要: 思路:主要是先要获取到三个 box 元素的 top 值 和 left 值,然后有复合数据进行存值,再进行数组值的位置移动来实现切换 box 位置效果; 阅读全文
posted @ 2014-08-04 09:18 Zion0707 阅读(180) 评论(0) 推荐(0)
摘要: HTML代码:JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML(标准通用标记语言的子集)网页添加动态功能,比如响应用户的各种操作。它最初由网景公司(Netscape)的Brendan Eich设计,是一种动... 阅读全文
posted @ 2014-08-04 09:16 Zion0707 阅读(699) 评论(0) 推荐(0)
摘要: 先来解释一下闭包:1.闭包就是函数嵌套函数2.内部函数可以引用外部函数的参数和变量3.参数和变量不会被垃圾回收机制所收回( 垃圾回收机制就是用完变量之后就在内存中释放 )使用闭包的好处:1.希望一个变量长期驻扎在内存当中2.避免全局变量的污染3.私有成员的存在闭包的用法:1.模块化代码我们看一个闭包... 阅读全文
posted @ 2014-08-04 09:15 Zion0707 阅读(124) 评论(0) 推荐(0)
摘要: 开门见山简要的来写一个ajax函数,方便要用到ajax的时候来调用,下面附:获取 json 数据一个小实例,请在服务器下执行...创建一个ajax.js文件把ajax函数代码放进去//创建ajax函数四部曲 1.创建创建XMLHttpRequest对象 2.连接服务器 3.发送请求 4.接收数... 阅读全文
posted @ 2014-08-04 09:13 Zion0707 阅读(1331) 评论(0) 推荐(0)
摘要: 模拟滚动条做项目的时候,很多时候会用到,所以就写了一个这么模拟滚动条,但是不支持滚轮事件 “瘾”为何物? “瘾”是一种走火入魔的状态,由灵魂而肉体,以至灵肉无间。会过瘾的人对唯物、唯心之辩的态度是付之一笑。过瘾的那一会儿,你就是个小神仙,无所不能,无我... 阅读全文
posted @ 2014-08-04 09:11 Zion0707 阅读(866) 评论(0) 推荐(0)
摘要: 现在的网站都很流行大屏的轮播图片和大屏背景图布局,那么怎么样实现的呢?适用于轮播图布局思路:CSS代码:.photo{width:1920px;height:400px;position:absolute;margin-left:-960px;left:50%;}HTML代码:适用于大背景图布局思路... 阅读全文
posted @ 2014-08-04 09:09 Zion0707 阅读(583) 评论(0) 推荐(0)
摘要: 利用 :after 伪类来实现清除浮动 标签1 标签2 标签3 标签4 阅读全文
posted @ 2014-08-04 09:08 Zion0707 阅读(1115) 评论(0) 推荐(0)
摘要: 拖拽的基本原理就是根据鼠标的移动来移动被拖拽的元素。鼠标的移动也就是x、y坐标的变化;元素的移动就是style.position的top和left的改变。当然,并不是任何时候移动鼠标都要造成元素的移动,而应该判断鼠标左键的状态是否为按下状态,是否是在可拖拽的元素上按下的。无标题文档知识点补充:set... 阅读全文
posted @ 2014-08-04 09:07 Zion0707 阅读(218) 评论(0) 推荐(0)
摘要: 无标题文档 阅读全文
posted @ 2014-08-04 09:05 Zion0707 阅读(209) 评论(0) 推荐(0)
摘要: 无意中学习到了一种测试 javascript 代码执行效率的一种方法,就记下来便于以后使用,用到了console对象中的 time 和 timeEnd 方法 。console.time('myFirstCode'); //开始(开始的名字要和结束的名字要一致哦)//你所要执行的 javascript... 阅读全文
posted @ 2014-08-04 09:01 Zion0707 阅读(201) 评论(0) 推荐(0)