<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[touchandy]]></title><description><![CDATA[放弃过时的浏览器就是对web工作者的最大支持！！！]]></description><link>https://blog.youkuaiyun.com/touchandy</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; touchandy]]></copyright><item><title><![CDATA[图片轮播下获取鼠标点了哪个按钮]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/19029175</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/19029175</guid><author>touchandy</author><pubDate>Mon, 10 Feb 2014 09:20:50 +0800</pubDate><description><![CDATA[1
 2
 3
 4
 5





js:
  var aA = $(".num_btn a");
var iNow = 0;
aA.live("click",function(){
    iNow = aA.index($(this));
//如果此时鼠标点击第三个a则此时的iNow = 2；

});]]></description><category></category></item><item><title><![CDATA[自定义js扩展DOM功能]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/12781753</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/12781753</guid><author>touchandy</author><pubDate>Wed, 16 Oct 2013 15:39:01 +0800</pubDate><description><![CDATA[//自定义js扩展DOM功能
		//用Prototype来扩展每个HTML元素的方法或者属性

		var DOMextend=function(name,fn){
			if(!document.all){
				eval("HTMLElement.prototype."+name+"=fn");
			}else{
				//    IE中不能访问HTMLElement这个]]></description><category></category></item><item><title><![CDATA[jquery和js操作属性]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/12779933</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/12779933</guid><author>touchandy</author><pubDate>Wed, 16 Oct 2013 14:17:20 +0800</pubDate><description><![CDATA[1234


	$(function(){
		/*-----------jquery使用attr()方法设置属性-----------------*/
		$("p").attr("title","this is title");
		
		//jquery的attr()方法可以批量设置属性
		$("img").attr({"src":"images/banner.jpg", ]]></description><category></category></item><item><title><![CDATA[js删除元素]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/12619497</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/12619497</guid><author>touchandy</author><pubDate>Fri, 11 Oct 2013 16:45:15 +0800</pubDate><description><![CDATA[删除元素
	
	
		*{ margin:0px; padding: 0px;}
		div{ width: 200px; height: 100px; background: red;}
	


this is first graph
this is second graph
点击删除段落p
this is third graph

	this is first graph
	this is s]]></description><category></category></item><item><title><![CDATA[jquey和js插入节点]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/12614417</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/12614417</guid><author>touchandy</author><pubDate>Fri, 11 Oct 2013 12:00:06 +0800</pubDate><description><![CDATA[代码如下：




	
	插入元素
	
	
	*{marign: 0px; padding: 0px;}
	
	.a, .b, .c{ width: 960px; min-height: 100px; background: grey; margin: 0px auto;}
	
	.b{ background: orange;}
	
	h2{ background: green; margin]]></description><category></category></item><item><title><![CDATA[jquery和js创建节点]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/12614287</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/12614287</guid><author>touchandy</author><pubDate>Fri, 11 Oct 2013 11:54:24 +0800</pubDate><description><![CDATA[代码及解释：


		$(function(){
			//创建元素，文本和属性
			var $_h1 = $("");  //创建h1对象
			var $_h1 = $("this is h1")  //创建文本也就是在创建的元素里面增加内容
			var $_h1 = $("this is h1");  //为元素创建两个属性
			$("body").append($_h1);	 /]]></description><category></category></item><item><title><![CDATA[jquery获取div距离窗口和父级dv的距离]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/12563971</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/12563971</guid><author>touchandy</author><pubDate>Thu, 10 Oct 2013 14:33:14 +0800</pubDate><description><![CDATA[jquery中jquery.offset().top / left用于获取div距离窗口的距离，jquery.position().top / left 用于获取距离父级div的距离（必须是绝对定位的div）。
 （1）先介绍jquery.offset().top / left
            css：
                     *{ margin: 0px; pad]]></description><category></category></item><item><title><![CDATA[浏览器兼容（3）宽高问题]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/12556969</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/12556969</guid><author>touchandy</author><pubDate>Thu, 10 Oct 2013 11:46:14 +0800</pubDate><description><![CDATA[（1） IE6下容器的宽度和高度与firefox解释不同。
        css：
                      width：100px； border：10px solid red；
          IE6下的宽度为100px，而firefox的宽度为120px；
 
    （2）页面最小宽度
               min-width可以制定元素的最小宽]]></description><category></category></item><item><title><![CDATA[浏览器css hack（2）对齐问题]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/12509313</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/12509313</guid><author>touchandy</author><pubDate>Wed, 09 Oct 2013 16:41:40 +0800</pubDate><description><![CDATA[1.div居中对齐：
      使用百分百绝对定位，水平居中时负值的大小为内层div大小的一半，垂直居中时也是一半但是正的值。
html：
                            
                     
                    
               css：
                           .a{]]></description><category></category></item><item><title><![CDATA[浏览器兼容性处理（1）各浏览器csshack兼容表]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/12506405</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/12506405</guid><author>touchandy</author><pubDate>Wed, 09 Oct 2013 15:12:23 +0800</pubDate><description><![CDATA[1.1 IE6/IE7/IE8/Firefox/Chrome/Safari  css hack兼容表]]></description><category></category></item><item><title><![CDATA[浏览器引擎分类]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/12499015</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/12499015</guid><author>touchandy</author><pubDate>Wed, 09 Oct 2013 12:08:47 +0800</pubDate><description><![CDATA[不同浏览器的引擎对html文档已经css的解释也不一样，现在介绍主流排版引擎以及对应的浏览器。
   

   1. Trident
       Trident是IE浏览器所使用的内核，也是大多数浏览器锁使用的内核。老的Trident内核是不遵循W3C标准的，用W3C标准写的网页
        在老的Trident内核下面会出现偏差。目前为止最新版本的Trident内核是IE9所使用]]></description><category></category></item><item><title><![CDATA[css之less学习笔记]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/8713005</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/8713005</guid><author>touchandy</author><pubDate>Sun, 24 Mar 2013 16:26:37 +0800</pubDate><description><![CDATA[1.1.less介绍：less将css动态化，比如具有变亮，继承，运算，函数。less可以运行在客户端（支持IE6），也可以借助Node.js或者Rhino在服务器端运行。
（本人为目前接触过Rhino）。


2.1变量。变量支持单独定义通用样式，在需要的时候调用，在全局样式调整的时候只需要修改几行代码。
  例如：
        @color：red;
        #hea]]></description><category></category></item><item><title><![CDATA[网站头部提示IE6，IE7升级代码]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/8521959</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/8521959</guid><author>touchandy</author><pubDate>Sun, 20 Jan 2013 13:35:39 +0800</pubDate><description><![CDATA[IE6在中国的使用比重还是挺大的，要想在网站头部到遇到IE6，IE7浏览器时提示用户升级可以在“和IE6说再见”（http://theie6countdown.cn/）网页中点击“致站长和开发人员”复制代码到自己的网站想要显示的地方即可。]]></description><category></category></item><item><title><![CDATA[jquery制作的tab标签切换选项卡]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/8510009</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/8510009</guid><author>touchandy</author><pubDate>Wed, 16 Jan 2013 16:39:12 +0800</pubDate><description><![CDATA[在线演示地址： 评论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)]]></description><category></category></item><item><title><![CDATA[javascript对链接的处理]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/8497863</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/8497863</guid><author>touchandy</author><pubDate>Sun, 13 Jan 2013 13:34:55 +0800</pubDate><description><![CDATA[1.用链接对用户重定位
      这里重定位就是先判断用户是否开启javascript，之后根据判断将用户转到另一个页面。
       页面  index.html

  welcome to the website

       在页面index.html中的head中加入脚本：
window.onload=initAll;
function initAll(){]]></description><category></category></item><item><title><![CDATA[javascript确认用户选择]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/8497554</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/8497554</guid><author>touchandy</author><pubDate>Sun, 13 Jan 2013 09:53:13 +0800</pubDate><description><![CDATA[1.confirm（）
if(confirm("are you sure?"))
{ 
   alert("you select yse");
}
else
{
   alert("you select not");
}
confirm()方法有一个参数（向用户询问的问题），并根据用户的响应返回true或者false。如果用户单击ok按钮则返回true，否则返回false。]]></description><category></category></item><item><title><![CDATA[基于mvc模式的jquery ajax异步请求]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/8439728</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/8439728</guid><author>touchandy</author><pubDate>Wed, 26 Dec 2012 18:21:45 +0800</pubDate><description><![CDATA[在这边介绍在,net开发基于mvc三层架构模式的jquery ajax异步请求，这边的重点放在ajax请求上而mvc模式只是应用环境作为介绍。
    在jquery ajax中有好几种异步请求的方式有get 有post 还有发起带所有参数的Ajax请求，
     在这边我介绍其中的一种$.ajax(options)方式，相信其他的方式在看完本文之后你也可以会使用。
         $.]]></description><category></category></item><item><title><![CDATA[html5 canvas创建弹性碰撞动画]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/8424387</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/8424387</guid><author>touchandy</author><pubDate>Mon, 24 Dec 2012 14:36:28 +0800</pubDate><description><![CDATA[文章有点长但是对于想学习html5 canvas的人来说看完这篇文章是非常值得的。
           在线演示地址：为了让百度快些收录，地址放在评论1楼 
    在这边我们将用到物理学上的速度，加速度，物理边界，碰撞定理，弹性碰撞（非弹性碰撞），动量守恒。
      看到这么多是不是很有压力，下面就一一介绍并且最终结果我们将用这些技术制作一个简单的类似行星碰撞的画面（学了这些可以发挥]]></description><category></category></item><item><title><![CDATA[html5 canvas创建弹性碰撞动画]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/84371645</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/84371645</guid><author>touchandy</author><pubDate>Mon, 24 Dec 2012 14:36:00 +0800</pubDate><description><![CDATA[
 文章有点长但是对于想学习html5 canvas的人来说看完这篇文章是非常值得的。
 在线演示地址：为了让百度快些收录，地址放在评论第一条 
 在这边我们将用到物理学上的速度，加速度，物理边界，碰撞定理，弹性碰撞（非弹性碰撞），动量守恒。
 看到这么多是不是很有压力，下面就一一介绍并且最终结果我们将用这些技术制作一个简单的类似行星碰撞的画面（学了这些可以发挥自己的想象创作更有趣的东西比...]]></description><category></category></item><item><title><![CDATA[html5 Canvas制作的网页颜色拾取器]]></title><link>https://blog.youkuaiyun.com/touchandy/article/details/8394100</link><guid>https://blog.youkuaiyun.com/touchandy/article/details/8394100</guid><author>touchandy</author><pubDate>Sun, 23 Dec 2012 20:25:59 +0800</pubDate><description><![CDATA[学习html5有一段时间了，本人也非常期待html5给我们带来的方便。
        在线演示地址 在底部评论第一条
       这里写一个小小的应用，应用html5 Canvas制作一个拾取页面颜色的网页。
       首先说明这个原理（当然要达到这个目的有很多手段，这边介绍本人的）：
                                通过getImageData()]]></description><category></category></item></channel></rss>