Javascript - 随笔分类 - meeming

静态响应式布局

摘要：大家都知道响应式布局的要素有几点：1.用百分比来定位，好处是不需要用js就可以根据浏览器的缩放拉伸和缩小元素。2.用em来作为度量单位。由于是相对单位，比像素更灵活一点。虽然在我目前还没发现经过viewport转换后em和px用起来有什么区别 t.t3.在HTML中为media query准备好4.对移动设备使用media query，常用的有：/*pad*/@media screen and (min-width: 769px){}/*horizontal iphone5 568x320*/@media screen and (max-width: 768px) and (min-width 阅读全文

posted @ 2014-02-18 11:48 meeming 阅读(366) 评论(0) 推荐(0)

自适应全屏与居中算法

摘要：补充方法：除了全屏缩放用的算法，如果想要页面各种元素跟窗口等比同步缩放，可以使用这样一个方法：1 function Simpzoom(srcWidth,srcHeight,maxWidth,nowWidth){2 var num=maxWidth*srcWidth / nowWidth;3 var _width=srcWidth*srcWidth / num;4 var _height=(srcHeight*_width) / srcWidth;5 //console.log(_width,_height);6 return [_width,_heigh... 阅读全文

posted @ 2013-09-27 18:20 meeming 阅读(1451) 评论(0) 推荐(0)

KV总结

摘要：今天没事又重新写了一遍。很多注释是自己犯糊涂后来又终于跨过去的备忘。// ImgEff.jsfunction ImgEff(div,time){ //构造函数,需要传入参数div的id和时间//alert(time);时间传入很正确 this.time=time;//声明变量，以备使用 this.arr=[]; //一个数组用来装载所有div，数组的写法别搞错 a=[]; this._old=null;//一个存储旧div的变量 this._now=null;//一个存储当前div的变量 //最基本的只需要初始化这三个变量，如果要传时间，就设个time，如果... 阅读全文

posted @ 2013-09-02 18:40 meeming 阅读(253) 评论(0) 推荐(0)

IE8一枝独秀的JS兼容BUG

摘要：// 例如淡入淡出的封装类文件function ImagesEff(div,time){this.arr=[];//装载所有divthis.time=time;this.recordOld=null;for(var i=0;i<document.getElementById(div).getElementsByTagName("div").length;i++){this.arr.push(document.getElementById(div).getElementsByTagName("div")[i]);this.arr[i].style.p 阅读全文

posted @ 2013-08-30 11:40 meeming 阅读(296) 评论(0) 推荐(0)

6月A项目的总结

摘要：对JS效果的要求有几点：1.顶部导航栏鼠标经过动画。2.Slider轮播图带有左右箭头，底部有缩略图，缩略图和大图都会自动播放。3.右侧有个三个按钮的导航菜单，第一个按钮回到整个页面顶部，第二个按钮向上遍历锚点，第三个按钮向下遍历锚点。导航菜单要在HTML的一个DIV内部FIXED滑动。思路如下：1.鼠标经过的动画，用JQUERY的animate做两个方法，一个用于mouseover，一个用于mouseout像这样：function _imgOver(id){ var _id="#"+id; $(_id).animate({ opacity:1}, 500 );}HTML结阅读全文

posted @ 2013-06-19 16:23 meeming 阅读(218) 评论(0) 推荐(0)

JS控制锚点打开新窗口

摘要：在XHTML中不能含有TARGET，那么要使链接打开新窗口的话，如果针对页面上所有锚点，JAVASCRIPT如下即可：function externalLinks() {if (!document.getElementsByTagName) return;var anchors = document.getElementsByTagName("a");for (var i=0; i<anchors.length; i++) {var anchor = anchors[i];anchor.target = "_blank";}}window.onlo 阅读全文

posted @ 2013-02-21 14:14 meeming 阅读(688) 评论(0) 推荐(0)

一个简单HTML鼠标事件问题的衍化历程

摘要：第一版：鼠标经过的时候弹出提示，0.5秒之后自动关闭。（鼠标经过弹出，鼠标移开关闭，在HTML中密集排列A标签的时候，会因鼠标移动而闪烁，完全看不清提示。所以必须有时效否则关闭不了。）function mopen(){ document.getElementById('traincontent').... 阅读全文

posted @ 2013-01-09 11:37 meeming 阅读(495) 评论(0) 推荐(0)

火狐不支持innerText的解决办法

摘要：例：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=ut 阅读全文

posted @ 2012-09-06 13:11 meeming 阅读(3651) 评论(0) 推荐(0)

看起来很像算法问题的CSS问题

摘要：有一个用来做滚动展示的JS API: scroll_v1.20.jsView Code var sina = { $: function(objName) { if (document.getElementById) { return eval('document.getElementById("' + objName + '")') } else { return eval('document.all.' + objName) } }, isIE: navigator.appVersion... 阅读全文

posted @ 2012-07-09 16:37 meeming 阅读(305) 评论(0) 推荐(0)

随笔分类 - Javascript

公告