摘要: 预定义html代码:没有 所有代码通过js生成和移除。预定义css/* 基本弹出层样式 */.my-popup-overlay { width:100%; height:auto; /* width height is defined by javascript */ p... 阅读全文
posted @ 2014-06-23 17:24 唸随爱 阅读(323) 评论(0) 推荐(0) 编辑
摘要: $(function(){ var _wrap=$('ul.line');//定义滚动区域 var _interval=2000;//定义滚动间隙时间 var _moving;//需要清除的动画 _wrap.hover(function(){ clearInterval(_moving)... 阅读全文
posted @ 2014-06-17 17:11 唸随爱 阅读(1459) 评论(0) 推荐(0) 编辑
摘要: SS预处理技术现在已经非常成熟,比较流行的有Less,Sass,Stylus,在开发过程中提升我们的工作效率,缩短开发时间,方便管理和维护代码,可以根据自己的喜好选择一款自己喜欢的工具开发,使用很接近,差别很小,语法类似。再选择一款编译工具koala, 国产工具,koala是一个前端预处理器语言图形... 阅读全文
posted @ 2014-06-04 11:38 唸随爱 阅读(1553) 评论(0) 推荐(0) 编辑
摘要: Trident(IE内核)Trident: 该内核程序在1997年的IE4中首次被采用,是微软在Mosaic代码的基础之上修改而来的,并沿用到IE11。Trident实际上是一款开放的内核,其接口内核设计的相当成熟,因此才有许多采用IE内核而非IE的浏览器(壳浏览器)涌现。此外,为了方便也有很多人直... 阅读全文
posted @ 2014-06-04 11:07 唸随爱 阅读(330) 评论(0) 推荐(0) 编辑
摘要: 实现一个功能:鼠标移动到一个图片左边显示左箭头,移动到右边显示右箭头。 实现方法:一个img上面定位两个div,div的样式如下:.toleft { width: 200px; height: 300px; position: abso... 阅读全文
posted @ 2014-06-04 10:00 唸随爱 阅读(499) 评论(0) 推荐(0) 编辑
摘要: 跳转页面定位到指定的位置明天要回家了,今天也没啥事做。就分享下做过的一个小需求,还有很多朋友问过我类似的问题,当时也是跟他们说说简单的思路,并没有分享。今天我就整理下吧。需求是这样的A页面有的链接,跳转到B页面中。并且要根据A页面的链接不同定位的不同的内容区域。我贴个图你大概就理解了:A页面B页面当... 阅读全文
posted @ 2014-06-03 13:53 唸随爱 阅读(1448) 评论(0) 推荐(0) 编辑
摘要: 本文将介绍兼容IE+、FF、Chrome、Safari、Opera的技巧一、CSS HACK专门为某版本的浏览器设置样式,从而解决浏览器显示的差异selector { +property:value; } 在属性名前加上加号"+",这个Hack只有IE系列可以识别.selector { *prope... 阅读全文
posted @ 2014-06-03 13:46 唸随爱 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 看似简单的一个菜单,确需要不少的知识点1. getByClassgetElementsByClassName 已经有大部分现代浏览器支持了,只有ie6,ie7,ie8是不支持的。所以对ie6,7,8做特别的处理就行,而ie里边有个内置的属性一直被我们所忽略,document.all,这个比一般的do... 阅读全文
posted @ 2014-05-30 16:43 唸随爱 阅读(340) 评论(0) 推荐(0) 编辑
摘要: 1name=viewport 1、width :控制viewport的大小,可以指定一个值,如600, 或者特殊的值,如device-width为设备的宽度(单位为缩放为100%的CSS的像素)2、height :和width相对应,指定高度3、initial-scale :初始缩放比例,页面第一... 阅读全文
posted @ 2014-05-30 16:39 唸随爱 阅读(450) 评论(0) 推荐(0) 编辑
摘要: 一、哗啦哗啦的简介zxx://这里“哗啦哗啦”的作用是为了渲染一种氛围。content属性早在CSS2.1的时候就被引入了,可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持:(Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2... 阅读全文
posted @ 2014-05-14 10:11 唸随爱 阅读(243) 评论(0) 推荐(0) 编辑