美文网首页
2018-08-23 day09-作业

2018-08-23 day09-作业

作者: 我是一只菜鳥 | 来源:发表于2018-08-23 20:53 被阅读0次

1.作业1图片选中

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>图片选中</title>
        <style>
            td, img {
                width: 200px;
                height: 150px;
            }
        </style>
    </head>
    <body>
        <table border="1" id="table">
            <tr>
                <td><img src="img/11.jpg"/></td>
                <td><img src="img/22.jpg"/></td>
                <td><img src="img/33.jpg"/></td>
            </tr>
        </table>
        <img src="img/11.jpg" id="showImg"/>
    </body>
</html>
<script type="text/javascript">
    
    var ota = document.getElementById('table');
    var oimg = document.getElementById('showImg');
    var aimgs = ota.getElementsByTagName('img');
    for (var i = 0; i < aimgs.length; i++){
        aimgs[i].onclick = function (){
            oimg.src = this.src;
        }
    }
    
</script>

2.作业2快速划过

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>快速划过</title>
        <style>
            .box {
                width: 1000px;
                border: 1px solid gray;
                margin: 0 auto;
            }
            button {
                width: 170px;
                height: 100px;
                font-size: 20px;
                background-color: pink;
                margin-left: 55px;
                display: inline-block;
            }
            .box > div {
                width: 970px;
                height: 600px;
                font-size: 50px;
                background-color: yellow;
                margin-left: 15px;
                margin-top: 50px;
                display: none;
            }
            .box > .active {
                font-size: 30px;
                background-color: blue;
            }
            .box > .show {
                display: block;
            }
            </style>
    </head>
    <body>
        <div class="box">
            <button>国产电影</button>
            <button>韩日电影</button>
            <button>欧美电影</button>
            <button>其他电影</button>
            <div>霸王别姬、卧虎藏龙、大话西游、东邪西毒、无间道、功夫</div>
            <div>釜山行、汉江怪物、奥特曼、灌篮高手、热血高校、午夜凶铃</div>
            <div>肖申克的救赎、阿甘正传、敢死队、泰坦尼克号、这个杀手不太冷、盗梦空间</div>
            <div>三傻大闹宝莱坞、摔跤吧、小萝莉的猴神大叔、厕所英雄</div>
        </div>
    </body>

</html>
<script type="text/javascript">
    
    var odiv = document.getElementsByClassName('box')[0];
    var abtns = odiv.getElementsByTagName('button');
    var adivs = odiv.getElementsByTagName('div');
    for (var i = 0; i < abtns.length; i++){
        abtns[i].index = i;
        abtns[i].flag1 = false;
        abtns[i].onmouseover = function (){
            this.flag1 = true;
        }
        
        abtns[i].onmouseout = function (){
            this.flag1  = false;
        }
    }
    
    setInterval(function (){
        
        for (var i = 0; i < abtns.length; i++){
            abtns[i].className = '';
            adivs[i].className = '';
            if (abtns[i].flag1){
                abtns[i].className = 'active';
                adivs[abtns[i].index].className = 'show';
            }
        }
        
    },1000)
    
</script>

3.作业3简易年历

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>简易年历</title>
        <style>
            * {margin: 0; padding: 0; border: none}
            ul, li{list-style: none;}
            #box {
                width: 220px;
                height: 350px;
                background: #ccc;
                margin: 100px auto;
            }
            ul {
                overflow: hidden;
            }
            li {
                float: left;
                width: 58px;
                height: 53px;
                border: 1px solid #aaa;
                background: #444;
                color: white;
                margin-left: 10px;
                margin-top: 10px;
                text-align: center;
                cursor: pointer;
            }
            
            #showInfo {
                width: 200px;
                height: 50px;
                background: #aaa;
                border: 1px solid white;
                margin: 10px;
            }
            
            .active{
                color: orange;
                background: white;
                border: 1px solid red;
            }
            
        </style>
    </head>
    <body>
        <div id="box">
            <ul>
                <li class="active">
                    <h2>1</h2>
                    <p>Jan</p>
                </li>
                <li>
                    <h2>2</h2>
                    <p>Feb</p>
                </li>
                <li>
                    <h2>3</h2>
                    <p>Mar</p>
                </li>
                <li>
                    <h2>4</h2>
                    <p>Apr</p>
                </li>
                <li>
                    <h2>5</h2>
                    <p>May</p>
                </li>
                <li>
                    <h2>6</h2>
                    <p>Jun</p>
                </li>
                <li>
                    <h2>7</h2>
                    <p>Jul</p>
                </li>
                <li>
                    <h2>8</h2>
                    <p>Aug</p>
                </li>
                <li>
                    <h2>9</h2>
                    <p>Sep</p>
                </li>
                <li>
                    <h2>10</h2>
                    <p>Oct</p>
                </li>
                <li>
                    <h2>11</h2>
                    <p>Nov</p>
                </li>
                <li>
                    <h2>12</h2>
                    <p>Dec</p>
                </li>
            </ul>
            <div id="showInfo">1月份好</div>
        </div>
    </body>
</html>

<script type="text/javascript">
    var alis = document.getElementsByTagName('li');
    var odiv = document.getElementById('showInfo');
    
    for (var i = 0; i < alis.length; i++){
        alis[i].index = i;
        alis[i].onclick = function (){
            for (var j = 0; j < alis.length; j++){
                alis[j].className = '';
            }
            this.className = 'active';
            odiv.innerHTML = (this.index + 1) + '月份好';
        }
    }
    
    
</script>

4.作业4回到顶部

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>回到顶部</title>
        <style>
            
            #box {
                width: 100px;
                height: 100px;
                background: red;
                position: fixed;
                right: 0px;
                bottom: 0px;
                cursor: pointer;
                display: none;
            }
            
        </style>
    </head>
    <body>
        <div id="box">回到顶部</div>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>
            <p>窗外的麻雀在电线杆上多嘴
                你说这一句很有夏天的感觉
                手中的铅笔在纸上来来回回
                我用几行字形容你是我的谁
                秋刀鱼的滋味猫跟你都想了解
                初恋的香味就这样被我们寻回
                那温暖的阳光像刚摘的新鲜草莓
                你说你舍不得吃掉这一种感觉
                雨下整夜我的爱溢出就像雨水
                院子落叶跟我的思念厚厚一叠
                几句是非也无法将我的热情冷却
                你出现在我诗的每一页
                雨下整夜我的爱溢出就像雨水
                窗台蝴蝶像诗里纷飞的美丽章节
                我接着写把永远爱你写进诗的结尾
                你是我唯一想要的了解
                那饱满的稻穗幸福了这个季节
                而你的脸颊像田里熟透的蕃茄
                你突然对我说七里香的名字很美
                我此刻却只想亲吻你倔强的嘴</p>

    </body>
</html>
<script type="text/javascript">
    window.onload = function (){
        var odiv = document.getElementById('box');
        var ooffsettop = odiv.offsetTop;
        window.onscroll = function (){
            var oscrolltop = document.documentElement.scrollTop;
            if (oscrolltop > ooffsettop){
                odiv.style.display = 'block';
                odiv.onclick = function (){
                    document.documentElement.scrollTop = 0;
                }
            } else{
                odiv.style.display = 'none';
            }
        }
    }
    
</script>

相关文章

  • 2018-08-23 day09-作业

    1.作业1图片选中 2.作业2快速划过 3.作业3简易年历 4.作业4回到顶部

  • day09-作业

    1、写一个函数将一个指定的列表中的元素逆序(例如,[1,2,3]->[3,2,1])注意:不要使用列表自带的逆序函...

  • day09-作业

    1.编写一个函数,求1+2+3+...+N 2.编写一个函数,求多个数中的最大值 3.编写一个函数,实现摇色子的功...

  • Day09-作业

    1. 编写⼀个函数,求1+2+3+...+N 2. 编写⼀个函数,求多个数中的最大值 3. 编写⼀个函数,实现摇色...

  • 设立具体的目标

    2018-08-23 戴师傅 2018-08-23 20:32 打开App (稻盛哲学学习会)打卡第120天 姓名...

  • 2018-08-23 作业

    1.总结程序的功能 分析:本题为for循环应用,程序中没有用到变量及range(0,20),只是利用了for循环的...

  • 去掉烂模式,从自己做起

    幸福时刻(173)2018.8.23 利花花 关注 2018-08-23 11:20 · 字数 2049 · 阅读...

  • day09-模型

    1、模型关系1)一对多关系例:图书类-英雄类models.ForeignKey() 定义在多类中2)多对多关系例:...

  • Day11 #100DaysofMLCoding#

    2018-08-23 24https://github.com/hse-aml/intro-to-dl以及如何用c...

  • 菜市场

    Day09-活跃 昨天下午,我带着小孩去家属区的后门买菜。 牵着儿子去菜市场的路途中,碰到一个壮实的阿姨挑着一担小...

网友评论

      本文标题:2018-08-23 day09-作业

      本文链接:https://www.haomeiwen.com/subject/mqtviftx.html