touchandy-优快云博客

原创 html5 canvas创建弹性碰撞动画

文章有点长但是对于想学习html5 canvas的人来说看完这篇文章是非常值得的。在线演示地址：为了让百度快些收录，地址放在评论1楼在这边我们将用到物理学上的速度，加速度，物理边界，碰撞定理，弹性碰撞（非弹性碰撞），动量守恒。看到这么多是不是很有压力，下面就一一介绍并且最终结果我们将用这些技术制作一个简单的类似行星碰撞的画面（学了这些可以发挥

2012-12-24 14:36:28 2049

原创图片轮播下获取鼠标点了哪个按钮

1 2 3 4 5js: var aA = $(".num_btn a");var iNow = 0;aA.live("click",function(){ iNow = aA.index($(this));//如果此时鼠标点击第三个a则此时的iNow = 2；});

2014-02-10 09:20:50 692

原创自定义js扩展DOM功能

//自定义js扩展DOM功能 //用Prototype来扩展每个HTML元素的方法或者属性 var DOMextend=function(name,fn){ if(!document.all){ eval("HTMLElement.prototype."+name+"=fn"); }else{ // IE中不能访问HTMLElement这个

2013-10-16 15:39:01 780

原创 jquery和js操作属性

1234 $(function(){ /*-----------jquery使用attr()方法设置属性-----------------*/ $("p").attr("title","this is title"); //jquery的attr()方法可以批量设置属性 $("img").attr({"src":"images/banner.jpg",

2013-10-16 14:17:20 669

原创 js删除元素

删除元素 *{ margin:0px; padding: 0px;} div{ width: 200px; height: 100px; background: red;} this is first graphthis is second graph点击删除段落pthis is third graph this is first graph this is s

2013-10-11 16:45:15 1442

原创 jquey和js插入节点

代码如下：插入元素 *{marign: 0px; padding: 0px;} .a, .b, .c{ width: 960px; min-height: 100px; background: grey; margin: 0px auto;} .b{ background: orange;} h2{ background: green; margin

2013-10-11 12:00:06 926

原创 jquery和js创建节点

代码及解释： $(function(){ //创建元素，文本和属性 var $_h1 = $(""); //创建h1对象 var $_h1 = $("this is h1") //创建文本也就是在创建的元素里面增加内容 var $_h1 = $("this is h1"); //为元素创建两个属性 $("body").append($_h1); /

2013-10-11 11:54:24 863

原创 jquery获取div距离窗口和父级dv的距离

jquery中jquery.offset().top / left用于获取div距离窗口的距离，jquery.position().top / left 用于获取距离父级div的距离（必须是绝对定位的div）。（1）先介绍jquery.offset().top / left css： *{ margin: 0px; pad

2013-10-10 14:33:14 8401

原创浏览器兼容（3）宽高问题

（1） IE6下容器的宽度和高度与firefox解释不同。 css： width：100px； border：10px solid red； IE6下的宽度为100px，而firefox的宽度为120px；（2）页面最小宽度 min-width可以制定元素的最小宽

2013-10-10 11:46:14 764

原创浏览器css hack（2）对齐问题

1.div居中对齐：使用百分百绝对定位，水平居中时负值的大小为内层div大小的一半，垂直居中时也是一半但是正的值。html： css： .a{

2013-10-09 16:41:40 772

原创浏览器兼容性处理（1）各浏览器csshack兼容表

1.1 IE6/IE7/IE8/Firefox/Chrome/Safari css hack兼容表

2013-10-09 15:12:23 645

原创浏览器引擎分类

不同浏览器的引擎对html文档已经css的解释也不一样，现在介绍主流排版引擎以及对应的浏览器。 1. Trident Trident是IE浏览器所使用的内核，也是大多数浏览器锁使用的内核。老的Trident内核是不遵循W3C标准的，用W3C标准写的网页在老的Trident内核下面会出现偏差。目前为止最新版本的Trident内核是IE9所使用

2013-10-09 12:08:47 860

原创 css之less学习笔记

1.1.less介绍：less将css动态化，比如具有变亮，继承，运算，函数。less可以运行在客户端（支持IE6），也可以借助Node.js或者Rhino在服务器端运行。（本人为目前接触过Rhino）。2.1变量。变量支持单独定义通用样式，在需要的时候调用，在全局样式调整的时候只需要修改几行代码。例如： @color：red; #hea

2013-03-24 16:26:37 740

原创网站头部提示IE6，IE7升级代码

IE6在中国的使用比重还是挺大的，要想在网站头部到遇到IE6，IE7浏览器时提示用户升级可以在“和IE6说再见”（http://theie6countdown.cn/）网页中点击“致站长和开发人员”复制代码到自己的网站想要显示的地方即可。

2013-01-20 13:35:39 914

原创 jquery制作的tab标签切换选项卡

在线演示地址：评论1楼复制代码无需任何修改可以看到效果 1 base.css文件*{color:#fff;margin:0px;padding:0px;font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;}body{background-image:url(../images/bg.jpg)

2013-01-16 16:39:12 1186

原创 javascript对链接的处理

1.用链接对用户重定位这里重定位就是先判断用户是否开启javascript，之后根据判断将用户转到另一个页面。页面 index.html welcome to the website 在页面index.html中的head中加入脚本：window.onload=initAll;function initAll(){

2013-01-13 13:34:55 660

原创 javascript确认用户选择

1.confirm（）if(confirm("are you sure?")){ alert("you select yse");}else{ alert("you select not");}confirm()方法有一个参数（向用户询问的问题），并根据用户的响应返回true或者false。如果用户单击ok按钮则返回true，否则返回false。

2013-01-13 09:53:13 638

原创基于mvc模式的jquery ajax异步请求

在这边介绍在,net开发基于mvc三层架构模式的jquery ajax异步请求，这边的重点放在ajax请求上而mvc模式只是应用环境作为介绍。在jquery ajax中有好几种异步请求的方式有get 有post 还有发起带所有参数的Ajax请求，在这边我介绍其中的一种$.ajax(options)方式，相信其他的方式在看完本文之后你也可以会使用。 $.

2012-12-26 18:21:45 1648

html5 canvas创建弹性碰撞动画

文章有点长但是对于想学习html5 canvas的人来说看完这篇文章是非常值得的。在线演示地址：为了让百度快些收录，地址放在评论第一条在这边我们将用到物理学上的速度，加速度，物理边界，碰撞定理，弹性碰撞（非弹性碰撞），动量守恒。看到这么多是不是很有压力，下面就一一介绍并且最终结果我们将用这些技术制作一个简单的类似行星碰撞的画面（学了这些可以发挥自己的想象创作更有趣的东西比...

2012-12-24 14:36:00 600

原创 html5 Canvas制作的网页颜色拾取器

学习html5有一段时间了，本人也非常期待html5给我们带来的方便。在线演示地址在底部评论第一条这里写一个小小的应用，应用html5 Canvas制作一个拾取页面颜色的网页。首先说明这个原理（当然要达到这个目的有很多手段，这边介绍本人的）：通过getImageData()

2012-12-23 20:25:59 2607

html5 Canvas制作的网页颜色拾取器

学习html5有一段时间了，本人也非常期待html5给我们带来的方便。在线演示地址在底部评论第一条这里写一个小小的应用，应用html5 Canvas制作一个拾取页面颜色的网页。首先说明这个原理（当然要达到这个目的有很多手段，这边介绍本人的）：通过getImageData()方法获取画布中的像素。 getImageData()支持四个参数context.getIm...

2012-12-23 20:25:00 363

原创了解css选择符的权重问题

当对于一个标签设置多选择符的时候，设置的样式是会重叠的，或者说是覆盖。这个时候我们就应该要清楚的知道，最终这个标签应用的是哪个选择符的样式，否则的话就会浪费时间在firfox上对我们想要的样式进行筛选。在写代码的时候就清楚的知道这一点是最节省时间的，那么方法就是要清楚的知道各个选择符的权重值是多少。对于不同选择符的样式设置发生冲突

2012-12-23 12:28:23 905