<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Sx081的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Sx081</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Sx081]]></copyright><item><title><![CDATA[鼠标移入移出事件]]></title><link>https://blog.youkuaiyun.com/Sx081/article/details/121164663</link><guid>https://blog.youkuaiyun.com/Sx081/article/details/121164663</guid><author>Sx081</author><pubDate>Fri, 05 Nov 2021 15:54:17 +0800</pubDate><description><![CDATA[案例：当鼠标移入div时，div改变背景颜色，鼠标移出时为最初背景颜色

1.创建一个圆形，边框为1px 实线。


    &lt;style&gt;
        h2 {
            text-align: center;
        }
        
        #one {
            width: 300px;
            height: 300px;
            border: 1px solid;
            marg]]></description><category></category></item><item><title><![CDATA[js导航栏点击变色]]></title><link>https://blog.youkuaiyun.com/Sx081/article/details/121061905</link><guid>https://blog.youkuaiyun.com/Sx081/article/details/121061905</guid><author>Sx081</author><pubDate>Sun, 31 Oct 2021 12:29:14 +0800</pubDate><description><![CDATA[在写导航条时总会遇到点击当前li变色，同级兄弟li无变化这个问题，困扰了我很久。具体思路如下：

1.html+css


&lt;ul&gt;
    &lt;li&gt;首页&lt;/li&gt;
    &lt;li&gt;服务&lt;/li&gt;
    &lt;li&gt;案例&lt;/li&gt;
    &lt;li&gt;客户&lt;/li&gt;
    &lt;li&gt;动态&lt;/li&gt;
    &lt;li&gt;口碑&lt;/li&gt;
    &lt;li&gt;关]]></description><category></category></item><item><title><![CDATA[break与continue区别]]></title><link>https://blog.youkuaiyun.com/Sx081/article/details/120931635</link><guid>https://blog.youkuaiyun.com/Sx081/article/details/120931635</guid><author>Sx081</author><pubDate>Sun, 24 Oct 2021 11:38:28 +0800</pubDate><description><![CDATA[continue：跳过当前循环，继续下一次循环


      // 求100-200之间所有奇数的和；
         var sum = 0;
         var i = 100;
         while (i &lt;= 200) {
            //跳过偶数继续判断下一个数
             if (i % 2 == 0) {
                 i++;
                 continue;
             }
      ]]></description><category></category></item><item><title><![CDATA[jQuery简易计算器]]></title><link>https://blog.youkuaiyun.com/Sx081/article/details/120805854</link><guid>https://blog.youkuaiyun.com/Sx081/article/details/120805854</guid><author>Sx081</author><pubDate>Sat, 16 Oct 2021 23:26:36 +0800</pubDate><description><![CDATA[首先，写出html结构


  &lt;div id="box"&gt;
        &lt;input type="text" value="0" id="result" readonly="readonly" /&gt;
        &lt;button class="btn" onclick="clean()"&gt;C&lt;/button&gt;
        &lt;button class="btn" onclick="negation()"&gt;+/-&lt;/button&g.]]></description><category></category></item><item><title><![CDATA[抽奖大转盘]]></title><link>https://blog.youkuaiyun.com/Sx081/article/details/120691953</link><guid>https://blog.youkuaiyun.com/Sx081/article/details/120691953</guid><author>Sx081</author><pubDate>Sun, 10 Oct 2021 21:06:44 +0800</pubDate><description><![CDATA[效果图如下





1.html结构

思路：分为两半，左右各五份


   &lt;!-- 转盘 --&gt;
    &lt;div class="All"&gt;
        &lt;!-- 大圆 --&gt;
        &lt;div class="circle"&gt;
            &lt;!-- 左边半圆 --&gt;
            &lt;div class="left"&gt;
                &lt;div class="q1"&gt;&.]]></description><category></category></item><item><title><![CDATA[for循环案例]]></title><link>https://blog.youkuaiyun.com/Sx081/article/details/120650753</link><guid>https://blog.youkuaiyun.com/Sx081/article/details/120650753</guid><author>Sx081</author><pubDate>Fri, 08 Oct 2021 14:10:32 +0800</pubDate><description><![CDATA[双重for循环案例
1.打印五行五列星星
var str="";
    for(var i=1; i&lt;=5; i++){
        for(var j=1; j&lt;=5; j++){
            str = str + "☆";
        }
        //如果一行打印完毕5个星星就要另起一行    加\n
        str = str + "\n";
    }
    console.log(str);

2.打印n行n列星星
//获取行，列数
    v]]></description><category></category></item><item><title><![CDATA[九九乘法表]]></title><link>https://blog.youkuaiyun.com/Sx081/article/details/120588608</link><guid>https://blog.youkuaiyun.com/Sx081/article/details/120588608</guid><author>Sx081</author><pubDate>Sat, 02 Oct 2021 20:58:13 +0800</pubDate><description><![CDATA[js 代码如下


 // 创建表格
 document.write("&lt;table&gt;");
// 创建九行，从第一行开始
 for (var x = 1; x &lt;= 9; x++) {
//每循环一次创建一行
    document.write("&lt;tr&gt;");
// 在九行里创建1-9格
for (var y = 1; y &lt;= x; y++) {
//创建每格，并且在里面写入乘法口诀
 document.write("&lt;td&gt;" + x + ...]]></description><category></category></item><item><title><![CDATA[打印一个菱形]]></title><link>https://blog.youkuaiyun.com/Sx081/article/details/120478358</link><guid>https://blog.youkuaiyun.com/Sx081/article/details/120478358</guid><author>Sx081</author><pubDate>Sat, 25 Sep 2021 22:56:43 +0800</pubDate><description><![CDATA[打印一个如下图的菱形






]]></description><category></category></item><item><title><![CDATA[1~100之间的小案例]]></title><link>https://blog.youkuaiyun.com/Sx081/article/details/120412281</link><guid>https://blog.youkuaiyun.com/Sx081/article/details/120412281</guid><author>Sx081</author><pubDate>Wed, 22 Sep 2021 11:45:18 +0800</pubDate><description><![CDATA[// 求1-100的累加和
        var sum = 0;
        for (var i = 1; i &lt;= 100; i++) {
            var sum = sum + i;
        }
        console.log(sum);

        // 求1-100之间所有数的平均值
        var average = 0;
        average = sum / 100;
        console.log(avera...]]></description><category></category></item><item><title><![CDATA[数组排序的方法]]></title><link>https://blog.youkuaiyun.com/Sx081/article/details/120380335</link><guid>https://blog.youkuaiyun.com/Sx081/article/details/120380335</guid><author>Sx081</author><pubDate>Sun, 19 Sep 2021 15:56:26 +0800</pubDate><description><![CDATA[一维数组从小到大排序的几种方法


 var arr = [10, 90, 55, 96, 23, 8, 79];

1.冒泡排序

将第一个值与身后相邻的值进行比较，若身后相邻的值小则与第一个值交换位置。


//两两相邻比较，数组长度需要减去自身长度，拿到第一个值
for (var i = 0; i &lt; arr.length-1; i++) {
        //获取第二个值，数组长度减去第一个然后再减自身长度
        for (var j = 0; j &lt; arr.length ]]></description><category></category></item><item><title><![CDATA[JavaScript数据类型转换]]></title><link>https://blog.youkuaiyun.com/Sx081/article/details/117371865</link><guid>https://blog.youkuaiyun.com/Sx081/article/details/117371865</guid><author>Sx081</author><pubDate>Fri, 28 May 2021 20:36:46 +0800</pubDate><description><![CDATA[数据类型转换通俗来说，就是把一种数据类型的变量转换成另一种数据类型。一般会实现3种方式的转换：转换为字符串类型，数字型和布尔型。

1.字符串类型
]]></description><category></category></item></channel></rss>