<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[a8852557的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/a8852557</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; a8852557]]></copyright><item><title><![CDATA[tab切换-2016.6.4]]></title><link>https://blog.youkuaiyun.com/a8852557/article/details/101159740</link><guid>https://blog.youkuaiyun.com/a8852557/article/details/101159740</guid><author>a8852557</author><pubDate>Sat, 04 Jun 2016 13:53:00 +0800</pubDate><description><![CDATA[以前的tab切换，一般都是自己找网上的源代码，不知道含义，直接套，然后会有一些不知道的问题出现。 最近学习了jq（当然属于懒人的我，学习进度很慢），然后再工作中遇到了tab选项卡，所以决定自己写一个。
效果展示（没有美化）：

即当鼠标点击头部上面菜单时，底下相对应的div出现。
HTML:

&lt;div class="div-tab"&gt;
        &lt;...]]></description><category></category></item><item><title><![CDATA[css3放大效果]]></title><link>https://blog.youkuaiyun.com/a8852557/article/details/101159737</link><guid>https://blog.youkuaiyun.com/a8852557/article/details/101159737</guid><author>a8852557</author><pubDate>Fri, 18 Mar 2016 16:15:00 +0800</pubDate><description><![CDATA[参考案例：
http://www.web-designers.cn/ 
http://www.harmay.com/
鼠标经过图片，图片放大。
1.html:

&lt;body&gt;
	&lt;div&gt;
		&lt;a href="#"&gt;&lt;img src="http://qq1234.org/uploads/allimg/140604/3_14060...]]></description><category></category></item><item><title><![CDATA[jQuery 点击显示再次点击隐藏]]></title><link>https://blog.youkuaiyun.com/a8852557/article/details/101159727</link><guid>https://blog.youkuaiyun.com/a8852557/article/details/101159727</guid><author>a8852557</author><pubDate>Thu, 03 Mar 2016 17:31:00 +0800</pubDate><description><![CDATA[&lt;html&gt;
    &lt;head&gt;
        &lt;script type="text/javascript" src="/jquery/jquery.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;div&gt;
            &lt;s...]]></description><category></category></item><item><title><![CDATA[关于display:inline-block和float：left的区别]]></title><link>https://blog.youkuaiyun.com/a8852557/article/details/101159722</link><guid>https://blog.youkuaiyun.com/a8852557/article/details/101159722</guid><author>a8852557</author><pubDate>Fri, 22 Jan 2016 15:31:00 +0800</pubDate><description><![CDATA[1 &lt;div class="pag"&gt;
 2     &lt;a href="#"&gt;首页&lt;/a&gt;
 3     &lt;a href="#"&gt;上一页&lt;/a&gt;
 4     &lt;a href="#" class="choose"&gt;1&lt;/a&gt;
 5     &lt;a href="#"&gt;2&lt;/a&...]]></description><category></category></item><item><title><![CDATA[border家族]]></title><link>https://blog.youkuaiyun.com/a8852557/article/details/101159735</link><guid>https://blog.youkuaiyun.com/a8852557/article/details/101159735</guid><author>a8852557</author><pubDate>Wed, 09 Sep 2015 18:04:00 +0800</pubDate><description><![CDATA[border-style:dotted solid double dashed（上边框是点状,右边框是实线,下边框是双线,左边框是虚线）边框样式;border-width(边框宽度);border-radius(创建圆角);border-color(边框颜色);border-shadow(添加阴影);
案例1：太极图
HTML:
&lt;div id="a1"&gt;&lt;/di...]]></description><category></category></item><item><title><![CDATA[tab切换-淘宝案例]]></title><link>https://blog.youkuaiyun.com/a8852557/article/details/101159719</link><guid>https://blog.youkuaiyun.com/a8852557/article/details/101159719</guid><author>a8852557</author><pubDate>Wed, 12 Aug 2015 14:14:00 +0800</pubDate><description><![CDATA[案例：

html：
&lt;body&gt;	&lt;div class="wrap" id="wrap"&gt;		　　&lt;div class="notic" id="notic"&gt;			　　　　&lt;ul&gt;				　　　　　　&lt;li class="select"&gt;&lt;a href="#"&gt;公告&lt;/a&gt;&lt;/li&gt;　...]]></description><category></category></item><item><title><![CDATA[JS学习笔记01]]></title><link>https://blog.youkuaiyun.com/a8852557/article/details/101159734</link><guid>https://blog.youkuaiyun.com/a8852557/article/details/101159734</guid><author>a8852557</author><pubDate>Wed, 12 Aug 2015 10:58:00 +0800</pubDate><description><![CDATA[文章转载pigpigpig4587的 
1.Javascript是区分大小写的语言。也就是说、关键字、变量，函数和所有的标识符都必须采取一致的大小写形式。因为html不严格区分大小写，所以在html中写onclick属性时可以写成onClick。但在javascript中必须写成小写onclick。
2.Javascipt 定义了一种特殊序列，使用6位ASCII字符代表任意16U...]]></description><category></category></item><item><title><![CDATA[文字上下滚动效果]]></title><link>https://blog.youkuaiyun.com/a8852557/article/details/101159716</link><guid>https://blog.youkuaiyun.com/a8852557/article/details/101159716</guid><author>a8852557</author><pubDate>Fri, 31 Jul 2015 17:48:00 +0800</pubDate><description><![CDATA[案例：

第一种：直接用&lt;marquee&gt;&lt;/marquee&gt;  最终效果可以实现，但是据说用户效果不好（我不知道原因）
HTML代码：

◎ direction  表示滚动的方向，值可以是left，right，up，down，默认为left ◎ behavior表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）altern...]]></description><category></category></item><item><title><![CDATA[导航点击变化]]></title><link>https://blog.youkuaiyun.com/a8852557/article/details/101159730</link><guid>https://blog.youkuaiyun.com/a8852557/article/details/101159730</guid><author>a8852557</author><pubDate>Sat, 04 Jul 2015 15:37:00 +0800</pubDate><description><![CDATA[a:link{}//未被访问过的链接
a:hover{}//鼠标位于其上的链接
a:visited{}//已经被访问过的链接
a:active{}// 选择活动链接
例子一：

导航背景色为#0ADDF3； 选中后背景色为#04A7CD；鼠标滑过显示颜色#3BB7EF；
html：
 &lt;div class="nav"&gt;			　　&lt;div class="n...]]></description><category></category></item><item><title><![CDATA[腾讯新闻导航栏]]></title><link>https://blog.youkuaiyun.com/a8852557/article/details/101159713</link><guid>https://blog.youkuaiyun.com/a8852557/article/details/101159713</guid><author>a8852557</author><pubDate>Fri, 26 Jun 2015 14:58:00 +0800</pubDate><description><![CDATA[案例：

我做出的第一种效果：

html：
&lt;body&gt;	　　&lt;div class="fir"&gt;
		　　　　&lt;ul id="nav"&gt;			　　　　　　&lt;li class="items1"&gt;&lt;a href="" style=" background: red;"&gt;首页&lt;/a&gt;&lt;/li&gt;		...]]></description><category></category></item><item><title><![CDATA[杂（一）]]></title><link>https://blog.youkuaiyun.com/a8852557/article/details/101159728</link><guid>https://blog.youkuaiyun.com/a8852557/article/details/101159728</guid><author>a8852557</author><pubDate>Sat, 09 May 2015 16:49:00 +0800</pubDate><description><![CDATA[1.例如注册中的提醒文字：
&lt;input type=“text” placeholder=“显示要在文本框中的文字”&gt;
2.圆角边框：border-radius
3.input中的单选，多选。
第一：
&lt;div&gt;
篮球:&lt;input type="radio" id="" checked="checked" value="" name="yes1...]]></description><category></category></item></channel></rss>