- 博客(31)
- 收藏
- 关注
RSS订阅转载 javascript面向对象——继承
javascript和其他语言相比，它没有真正意义上的继承，也不能从一个父类extends，要实现它的继承可以通过其他方式来实现：步骤：1.继承父类的属性 2.继承父类的原型下面就以一个拖拽为例子： 1 //Drag.js 2 function Drag(id){ 3 var _this=this; 4 this.oDiv=document.g...
2014-04-09 00:29:00
132
转载 javascript面向对象——tabs实例
面向过程—>面向对象之前在未学习面向对象时，我们都是面向过程编程的。它的优点就是简单，明了，下面就来把面向过程的tabs切换改写成面向对象的方式。html： 1 <div class="tabs" id="tabs1"> 2 <ul class="tabs-nav"> 3 <li clas...
2014-04-07 23:28:00
216
转载 javascript面向对象
javascript面向对象一、什么是面向对象 什么是对象：简单通俗的可以把它比喻为一个收音机，我们只需要用它提供的按钮（功能），而不需要知道它的实现原理。这就是对象。 面向对象是一种思想，也可以从生活中去发现。我们只需要关注它提供的功能，而不关注内部细节。它也是一种通用的思想。二、面向对象（oop）的特点封装：只提供外部使用功能，不需要考虑内部实现。继承...
2014-04-04 02:38:00
156
转载 ios改变系统默认样式
iso系统下默认不能修改submit样式，于是加上如下属性就可以修改：-webkit-appearance:none; -moz-appearance:none;先记录下。转载于:https://www.cnblogs.com/lostyu/p/3638518.html...
2014-04-01 16:05:00
204
转载 Swipe JS滑动插件
Swipe JS 是一个轻量级的移动滑动组件，支持 1:1 的触摸移动，阻力以及防滑性能都不错，可以让移动web应用展现更多的内容，能解决我们对于移动Web对滑动的需求。官网：http://www.swipejs.comgithub：https://github.com/bradbirdsall/Swipe 要实现Swipe的滑动和手势非常简单，仅需要遵循一个简单的规则。下面是...
2014-03-31 23:44:00
320
转载 怎样让jQuery和其它js库共存
怎样让jQuery和其它js库共存有时候需要同时使用jQuery和其它javascript，比如在joomla中默认的是motools，但很多人还是希 望能够使用jQuery，如果直接调用的话，由于两个库都使用了$作为简写，会造成程序冲突的情况，那么 ，怎样让jQuery和其它javascript库共存呢？有以下三种方法（均来自于官方网站）：1.覆盖$ 函数，使用jQuery代替...
2014-01-27 12:05:00
156
转载 CSS 实现图片灰度效果 兼容各种浏览器
CSS 实现图片灰度效果 兼容各种浏览器如360浏览器CSS实现图片灰度效果就是通过CSS样式让彩色图片呈现为灰色，相当于把一张图像的颜色模式调整为灰度，CSS可以通过以下几种方法来实现灰度效果。方式1.IE滤镜img{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}/...
2014-01-21 18:35:00
492
转载 zIndex属性在IE中无效
在ie中他的子类的zindex就以父类为准； 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 #div1{ width:200px...
2014-01-07 14:53:00
184
转载 jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数，在IE浏览器下有几处bug...
jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数，在IE浏览器下有几处bug：1. 因position引起的问题影响：IE全系列症状：在需要slide的层中，如果存在position:absolute 或 position:relative 定位的层，在IE下，滑动过程中这些层不会随之显示和隐藏，效果动作完成之后，这些层才会一...
2013-12-11 11:24:00
162
转载 iframe框架子页面与父页面间的通信
需要注意的问题：页面最好放在服务器上测试避免跨域问题。具体参考：http://www.cnblogs.com/ljhero/archive/2011/07/09/2101540.html转载于:https://www.cnblogs.com/lostyu/p/3425039.html...
2013-11-15 11:47:00
114
转载 javascript获取页面各种高度
网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body.scrollWidth网页正文全...
2013-09-18 11:08:00
99
转载 javascript每日一练（十四）——弹性运动
一、弹性运动 运动原理：加速运动+减速运动+摩擦运动；<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>#div1{ width:100px; height:10...
2013-08-09 21:22:00
119
转载 javascript每日一练（十三）——运动实例
一、图片放大缩小 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>图片放大缩小</title> 6 <style> 7 *{ margin:0; padding:0...
2013-07-31 23:47:00
136
转载 javascript每日一练（十二）——运动框架
运动框架 可以实现多物体任意值运动例子： 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>运动框架</title> 6 <style> 7 #div1{ width:1...
2013-07-30 21:25:00
143
转载 javascript每日一练（十一）——多物体运动
一、多物体运动 需要注意：每个运动物体的定时器作为物体的属性独立出来互不影响，属性与运动对象绑定，不能公用；例子1： 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>多物体运动</title&g...
2013-07-28 18:51:00
114
转载 javascript每日一练（十）——运动二：缓冲运动
一、缓冲运动 实现原理：(目标距离-当前距离) / 基数 = 速度(运动距离越大速度越小，运动距离和速度成反比) (500 - oDiv.offsetLeft) / 7 = iSpeed; 需要注意：当计算出来的速度有小数时需要取整； (500 - oDiv.offsetLeft) / 7 = iSpeed; iSpeed = iSpeed>0?Math.c...
2013-07-26 20:58:00
127
转载 javascript每日一练（九）——运动一：匀速运动
一、js的运动 匀速运动清除定时器开启定时器运动是否完成：a、运动完成，清除定时器；b、运动未完成继续 匀速运动停止条件：距离足够近 Math.abs(当然距离-目标距离) < 最小运动距离div的匀速运动（简单运动）<!doctype html><html><head><met...
2013-07-25 22:10:00
126
转载 javascript每日一练（八）——事件三：默认行为
一、阻止默认行为 return false;自定义右键菜单<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>*{ margin:0; padding:0;}...
2013-07-24 21:34:00
120
转载 javascript每日一练（七）——事件二：键盘事件
一、键盘事件 onkeydown触发， keyCode键盘编码 ctrlKey altKey shiftKey键盘控制div移动<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title>&...
2013-07-23 22:37:00
134
转载 javascript每日一练（六）——事件一
一、event对象 var oEvent = ev || event;//获取事件对象 oEvent.clientX oEvent.clientY//获取鼠标坐标 oEvent.cancelBubble = true;//阻止冒泡<!doctype html><html><head><meta charset=...
2013-07-22 23:46:00
114
转载 javascript每日一练（五）——BOM
一、BOM打开，关闭窗口 window.open(); window.close();<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script>window.onlo...
2013-07-21 16:43:00
152
转载 javascript每日一练（四）——DOM二
一、DOM的创建，插入，删除 createElement(标签名) appendChild(节点) insertBefore(节点，原有节点) removeChild(节点) 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5...
2013-07-20 23:31:00
118
转载 javascript每日一练（三）——DOM一
一、Dom基础 childNodes(有兼容问题),children nodeType getAttribute() firstChild,lastChild,previousSilbing,nextSilbing(有兼容问题) offsetParent,parentNode 1 <!doctype html> 2 <html>...
2013-07-19 22:37:00
136
转载 javascript每日一练（二）——javascript（函数，数组）
一、函数什么是函数function show(){}//不带参数function show(){return 123;}//不带参数,有返回值function show(arg1, arg2,...){}//可带一个或多个参数function show(a, b){//带参数，并有返回值 return a+b; } 函数实例：获取元素...
2013-07-18 21:48:00
143
转载 javascript每日一练（一）——javascript基础
一、javascript的组成ECMAScriptDOMBOM二、变量类型 常见类型有：number, string, boolean, undefined, object, functiontypeof 运算符，用来检测对象的类型,如：alert(typeof 'aaa'); //string三、数据类型转换显示类型转换（强制类型转换）：p...
2013-07-17 22:22:00
252
转载 js判断是否为pc端或移动端
function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); ...
2013-07-01 09:54:00
83
转载 js轮盘抽奖
js轮盘抽奖需求：实现中奖是否可控思路：通过旋转角度来实现轮盘转动，根据角度来确定是否中奖 1 window.onload = function(){ 2 3 var oTurn = document.getElementById('turntable'); 4 var oStart = document.getElementBy...
2013-06-22 11:45:00
176
转载 ie6,7 支持inline-block属性
让IE6内联元素具备inline-block特性由于inline-block会触发IE的layout，所以IE6中只要设置{display:inline-block;}即可。让IE6区块元素具备inline-block属性.class { zoom:1;/* 触发元素的haslayout属性 */ diylay:inline-block;/* 非IE6、7...
2012-09-27 10:39:00
94
转载 JavaScript RegExp 对象参考手册
http://www.w3school.com.cn/js/jsref_obj_regexp.asp转载于:https://www.cnblogs.com/lostyu/archive/2012/09/05/RegExp.html
2012-09-05 11:27:00
80
转载 json数据格式转换obj
json转换成obj的2种方法$.ajax({ type:"post", dataType:"json", url:"json.php", success:function(data){ data = (new Function("","return "+data))(); //1 data = eval("("+data+")"); //...
2012-07-11 11:03:00
1052
转载 javascript 生成随机数
Math.floor(); //向下取整Math.ceil(); //向上取整 Math.random(); //生成0到1之间的浮点数Math.random()*2; //生成0到2之间的浮点数Math.random()*10; //生成0到10之间的浮点数Math.floor(Math.random()*2); //生成随机数0~1Ma...
2012-07-11 10:39:00
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人