aizhi1851-CSDN博客

转载原生js获取一个dom元素距离页面可视区域的位置值 -- getBoundingClientRect

getBoundingClientRect()这个方法返回一个矩形对象，包含四个属性：left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。var box=document.getElementById('box'); // 获取元素alert(box.getBoundingClientRect().top); // 元素上边距离页面上边的距...

2017-04-13 17:19:00 1421

转载 angular2--Tour of Heroes学习和分析--路由

引入路由模块时的一个报错No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document.解决办法<head> <base href="/"> ....

2017-04-12 12:02:00 184

转载 javascript--判断页面第一次加载还是刷新操作【转】

不会销毁的window在网页切换的时候window对象也不会被销毁。检测页面是否刷新过在刷新的时候，不但window不会被销毁，自定义在window对象上的属性也会被保留。那么我们就可以利用这个特性记录一些信息了。if(!window.name){ alert("第一次开这个窗口！name值"+ window.name); w...

2012-09-12 16:35:00 217

转载 CSS多行文本垂直居中【转】

.outer { display:table; width:578px; overflow:hidden; background: #eee; height: 42px;}.middle {display:table-cell; vertical-align:middle; margin-left 10px;} /*下面的CSS是针对IE7，IE6*...

2012-09-12 16:15:00 127

转载 window.open不被拦截

$("#last").click(function(){ var w=window.open(); setTimeout(function(){ w.location="http://www.google.com"; }, 1000); return false;});打开空白新窗口，再给新窗口的localt...

2012-08-22 10:27:00 63

转载 [转载]发些javascript基础知识，便于大家学习，也便于我自己查看

发些javascript基础知识，便于大家学习，也便于我自己查看http://www.w3cfuns.com/forum.php?mod=viewthread&tid=2086&reltid=5592222&pre_pos=10&ext=CB1.javascript的数组API复制代码运行代码编辑代码//定义数组 va...

2012-08-17 16:07:00 104

转载 [转载]Web前端研发工程师编程能力飞升之路

Web前端研发工程师编程能力飞升之路http://www.w3cfuns.com/forum.php?mod=viewthread&tid=1052&fromuid=5404855今天看到这篇文章。写的非常有意思。发现自己才处于"入室"阶段。【背景】如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年web产品前端研发，迷茫...

2012-08-17 14:28:00 80

转载 javascript ---IPhone滑动解锁

2012-07-23 16:01:00 182

转载 php基础入门（二）sina微博接口报错处理

Fatal error: Call to undefined function curl_init() in weibooauth.php on line 1687出现类似错误的解决办法：1.修改php.ini，将;extension=php_curl.dll前面的分号去掉2.将PHP安装目录下的libeay32.dll、ssleay32.dll两个文件复制到c:\windows目录...

2012-07-20 20:11:00 69

转载 php基础入门（一）环境搭建与配置

最近在学习PHP，以下是看PHP100视频教程，做的学习笔记，在这里存放以便今后使用。apache--PHP--DB（mysql）一、apache:基本工作·用户通过浏览器访问服务器的文件，它就将该文件传递给用户，在用户的浏览器显示该文件的内容。·普通文本文件，可以通过apache直接传给用户浏览器显示。·程序文件，比如PHP，它不能直接在浏览器显示，所以需要a...

2012-07-20 20:08:00 129

转载 javascript--鼠标点击页面，移动DIV

2012-07-18 15:05:00 341

转载确定平面中点的坐标位置——极坐标系、直角坐标系、勾股定理

经过这段时间的学习，参考网上效果和教程写了一些实例。现在总结一下关于在平面中确定点的位置、长度、和角度。一、勾股定理：公式：a2+b2 = c2这个公式是在直角三角形中，两个直角边的平方之和等于斜边的平方;应用的实例，就是之前写的“苹果菜单”，因为我要知道鼠标距离某个图片中心点的距离，就用到了这个公式。1.1应用条件：　　(1)已知三角形的三条边长，可求出三...

2012-06-25 11:56:00 1496

转载 javascript-按圆形排列DIV元素(三)实例---- 图片按椭圆形转动

$(this).css({"left":Math.sin((ahd*index+ainhd))*radius+dotLeft,"top":Math.cos((ahd*index+ainhd))*radius+dotTop});效果图：分析图：上图中：黑色：是外层容器;黄色：是需要按椭圆运动的图片橙色：每个图片元素距离容器顶部的距离紫...

2012-06-22 18:01:00 640

转载 javascript-按圆形排列DIV元素(二)---- 运动

javascript-按圆形排列DIV元素(一)---- 运动http://www.cnblogs.com/lufy/archive/2012/06/21/2558049.html一、原理分析　　1.1怎么才能让DIV元素动起来？　　动起来的实质，就是改变DIV的位置，也就是改变其left和top值;　　2.2怎么上DIV元素动起来的时候，是在规定的圆周上面？...

2012-06-22 14:38:00 249

转载 javascript-按圆形排列DIV元素(一)---- 分析

效果图：一、分析图：绿色边框内：外层的DIV元素,相对定位;白色圆形框：辅助分析的想象形状;白点：为白色圆形的圆心点，中心点，点o;圆心角：角NOG;黄色：需要按圆形排列的，绝对定位的DIV元素;红色点：为每个黄色DIV的坐标点;即绝对定位时的元素，left值和 top值，设置的点;二、涉及到的概念定义：2.1、弧度...

2012-06-21 17:40:00 548

转载 javascript--innerHTML、innerText:、outerHTML

用法：<divid="test"><spanstyle="color:red">test1</span>test2</div>在JS中可以使用：test.innerHTML:　　也就是从对象的起始位置到终止位置的全部内容,包括Html标签。　　上例中的test.innerHTML的值也就是“<spanstyle...

2012-06-16 16:36:00 77

转载 javascript--闭包与对象属性都可以存动态数据

下面是闭包：window.onload = function(){ var oli = document.getElementById("list").getElementsByTagName("li"); for(i=0;i<oli.length;i++){ oli[i].onclick = function(...

2012-06-16 09:56:00 72

转载 javascript--拖动图片时取消浏览器默认提示

拖动的问题，在网上有很多插件，但鼠标在图片上拖动一小段距离，就会在鼠标旁边出现一个禁止的小提示。解决如果点击在图片上无法拖拽的问题：IE通过ev.cancelBubble=true;ev.returnValue = false;来防止图片的事件，注意是放在document.onmousemove中。要用原生的JS，不能用JQUERY！FireFox通过ev.preventDe...

2012-06-16 09:06:00 111

转载 jQuery-input输入框下拉提示层

效果图代码部分// JavaScript Document(function($){ $.fn.extend({ "changeTips":function(value){ value = $.extend({ divTip:"" },value)...

2012-06-13 13:57:00 298

转载 DIV+CSS 三栏布局

1.要求：如上图中的，三栏目布局，中间的MAIN是自适应浏览器的宽度，左LEFT固定宽200PX，右RIGHT固定宽200PX;.right,.left{height:300px;width:200px;}.right{ float:right;background:#000000;}.left{ float:left;background:#009933;}.m...

2012-06-09 15:13:00 131

转载 css--水平居中，垂直居中，自适应宽度

宽度自适应：就是元素的宽度根居里面的内容来变化;一、宽度自适应的元素水平居中：　　1.宽度自适应的元素可以是：绝对位定、浮动元素、行内元素。而我们通常布局，肯定不会用行内元素，所以会选择，绝对定位或浮动。　　2.居中：这里我们应该会想到1/2、50%、一半等这些东西。　　　　上图中：黑色为body，深绿色需要在body中水平居中，并且宽度是自适应的。亮绿色，是一个多余...

2012-06-09 10:07:00 157

转载 jQuery-360图片展示

$(function(){ var box_W = $(".PIC360").width(); var box_H = $(".PIC360").height(); var box_X = $(".PIC360").offset().left; var box_Y = $(".PIC360").offset().top; ...

2012-06-08 14:10:00 107

转载 css3--[转载][菜单导航] 带有记忆功能的多页面跳转导航菜单

比如A页面和B页面都有一个共同的导航，当从A跳转到B，B中的导航应该记住在A点击的那个链接跳转到B这个页面，那么B页面中的那个链接也应该是选中或者激活状态。当时的解决方案是通过JS来实现的，当点击链接的时候，通过URL来记录导航所标注的链接，然后在新的打开的页面取得URL参数，判断导航上的那个选项为激活状态。发现CSS3的:target选择器正好可以解决此问题转载...

2012-06-08 09:39:00 122

转载 jQuery-烟花效果（运动相关）

先感谢下“妙味课堂”视频效果图$(function(){ $(document).click(function(event){ /*1.创建DIV并插入到body当中 *2.设置其初始位置：TOP为屏幕的高度，left为鼠标点击时，鼠标的pageX值； */ //创建DIV ...

2012-06-07 15:23:00 198

转载 jQuery-翻牌或百叶窗效果

“妙味课堂”提供的视频http://bbs.miaov.com/首页，就有这效果$(function(){ var timer = true; //执行向上或向下的开关 var liindex = 0; //LI的索引 var $div = $(".byc").find("div"); //每隔三秒执...

2012-06-07 08:50:00 80

转载 jQuery--计算文本框字数

感谢“妙味课堂”的视频$(function(){ var $tex = $(".tex"); var $but = $(".but"); var ie = jQuery.support.htmlSerialize; var str = 0; var abcnum = 0; var maxNum = 280; ...

2012-06-05 17:28:00 112

转载 jQuery--联动日历（三）完成

一、要实现的功能：　　1.点击上面的箭头，切换至上一个月，或下一个月，并且是联动的。　　2.只要不是现实中的当月，那么显示的日期，都是灰色底。二、分析：　　1.当我们点击切换日期的箭头时，要改变顶部蓝色的年份和日期。　　2.当我们点击切换日期的箭头时，下面TD的日期也要和上面显示的月份对应起来。　　3.用一个判断，是否现实中的当月，来控制TD的背景色，是...

2012-06-03 12:07:00 93

转载 javascript--在firefox中firebug的debugger

function aaa(){ return bbb();}var b = (function bbb(){ return function(){ debugger //something }})()上面没有问题function aaa(){ return bbb();}var b = (fun...

2012-06-02 22:37:00 85

转载 javascript--防通过ifarme钓鱼

if(window != window.top){ window.top.locaction.href = window.locaction.href}上面的判断，是验证当前的页面，被iframe嵌套了没有？如果有就让这个嵌套的页面的，URL地址，等于当前被嵌套的页面的URL地址;即跳转到真正的网站。感谢“妙味课堂”视频教程！转载于:ht...

2012-06-02 21:39:00 178

转载 javascript--iframe的JS方法，用法！contentWindow 、parent、top、onload

还是先感谢“妙味课堂”出的这期教学视频！一、在使用iframe的页面，要操作这个iframe里面的DOM元素可以用：contentWindow、contentDocument(测试的时候chrom浏览器，要在服务器环境下)1.先获取iframe里面的window对象，再通过这个对象，获取到里面的DOM元素例子：var ifr = document.getEl...

2012-06-02 20:46:00 207

转载 jQuery--联动日历（二）

还是先来看下效果图功能说明：　　1.当前日期TD为蓝色,文字为白色　　2.当前日期的,后十天TD为浅蓝色　　3.排除以上两个功能的所有其它日期TD为灰色，文字为灰色功能分析：　　1.找到当前日期的TD改变其颜色就OK　　2.这里要注间的就是，因为这一个月和下一个月，之间会有空白的TD，也就是没有日期数的TD，所以不能直接在当前日期，后加十天。而是要先...

2012-06-01 12:05:00 72

转载 javascript--获取下个月一号，是星期几.注意了！~~

var odatef = new Date(); odatef.setFullYear(2012);odatef.setMonth(5)odatef.setDate(1);fday = ordatef.getDay();如果今天是5月30日，通过上面的代码，我应该是获取到下个月，即6月1日是星期几？并赋值给变量fday;果然，我可以正确获取到...

2012-05-31 20:56:00 411

转载 jQuery--联动日历（一）

首先还是感谢下“妙味课堂”录制的这一个日历联动的视频。来看下效果图一、先来说下功能：1.点击“确定”显示日历 2。再次点击隐藏，或从DOM中删除这个日历。如些反复第一，和第二这两步。3.让日历中显示当前月份日期(多少天，每天是多少号)。4.让当前月份的日期和星期几对应.5.让左边两边的日历关联起来。二、再来说下HTML结构。1.上面蓝...

2012-05-31 14:44:00 130

转载 javascript--快速排序

function quickSort(arr){ //如果数组只有一个数，就直接返回； if(arr.length<1){ return arr; } //找到中间的那个数的索引值；如果是浮点数，就向下取整 var centerInde...

2012-05-30 14:37:00 61

转载 jQuery-倒计时

$(function(){ var tYear = ""; //输入的年份 var tMonth = ""; //输入的月份 var tDate = ""; //输入的日期 var iRemain = ""; //开始和结束之间相差的毫秒数 var sDate = ""; //倒计...

2012-05-30 09:08:00 70

转载 jQuery-事件代理

1.避免重复绑定2.减少事件绑定的处理时间3.减少内存占用4.对新插入的结点不用再次绑定$(function(){ $(document).bind("click",function(event){ var el = event.target; switch(el.nodeName.toLowerCase()){ ...

2012-05-29 15:12:00 64

转载 jQuery-放大镜

$(function(){ var mouseX = 0; //鼠标移动的位置X var mouseY = 0; //鼠标移动的位置Y var maxLeft = 0; //最右边 var maxTop = 0; //最下边 var markLeft = 0; //放大镜移动的左部...

2012-05-29 09:27:00 75

转载 javascript--继承（混合方式）

用[对象冒充]继承ClassB的属性，用[原型链]继承ClassB对象的方法function ClassB(color){ this.color = color;}ClassB.prototype = { sayColor:function(){ console.log(this.color); } ...

2012-05-28 15:03:00 58

转载 javascript--继承（原型链prototype chaining）

关键是把 ClassB 的 prototype 属性设置成 ClassA 的实例。function ClassB(color){ this.color = color; this.sayColor = function(){ console.log(this.color); }}function Clas...

2012-05-28 14:33:00 132

转载 javascript--继承（对象冒充的多重继承）

function ClassA(color){ this.color = color; this.sayColor = function(){ console.log(this.color); }}function ClassB(name){ this.name = name; this....

2012-05-28 12:42:00 86

空空如也

空空如也