search

BestACE / fed

旨为锤炼前端开发工程师的前端开发基础课程，重点学习利用html和css实现页面布局，利用JS实现交互开发。:thumbsup:
208 stars 137 forks source link

【作业贴】移应171 01 JS环境初试 #418

Open zptcsoft opened 6 years ago

zptcsoft commented 6 years ago

请大家在本贴实现一个JS效果，来达到熟悉JS开发环境的目的。 要求：

  1. 把自己的效果传到自己github账号，本在本贴回复两位学号和姓名，如00 王海庆 链接
  2. 尽量体现自己最高水平
  3. 下次上课前交
  4. 做得好的有神秘大奖

我们课堂上的案例

<p id="a" style="color:lightblue">一段文本</p>
<script type="text/javascript">
    //设置html、css
    //基于事件动态设置html、css、窗口等
    //找见元素，设置它
    var a=document.getElementById("a");
    a.style.color="lightblue";
</script>
<input type="button" name="redBtutton" id="redBtutton" value="红红红红红红色" onclick="chgColor('red')" />
<input type="button" name="redBtutton" id="redBtutton" value="绿绿绿绿绿绿色" onclick="chgColor('green')" />
<input type="button" name="redBtutton" id="redBtutton" value="蓝蓝蓝蓝色" onclick="chgColor('blue')" />
<input type="color" name="" id="chgColor" value="#ff0000" onchange="chgRandomColor()" />
<script type="text/javascript">
    function chgColor(color){
        document.body.style.backgroundColor=color;
    }
    function chgRandomColor(){
        var chgColor=document.getElementById("chgColor");
        document.body.style.backgroundColor=chgColor.value;
    }
</script>
nixiaoliang commented 6 years ago 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            p{
                color:green;
                text-indent: 2em;
                line-height:1.5;
            }
        </style>
    </head>
    <body>
        <p id="斯大林" style="color:lightblue">sdfsfwwefrqwefqwefqwfasdgfqwegsdgqdgqdgqegre</p>
        <script type="text/javascript">
            var a=document.getElementById("斯大林");
            a.style.color="lightblue";
        </script>
    </body>
</html>
15968191839 commented 6 years ago

03 楼競恒 https://15968191839.github.io/ljh/

1647502335 commented 6 years ago

04 周皓天https://1647502335.github.io/index.html

fengxiaozaici commented 6 years ago

38- 楼思宏https://fengxiaozaici.github.io/newn/index.html

zq0951 commented 6 years ago

07-张舒鹏https://zq0951.github.io/斐波那契数列/index.html

songdadacarry commented 6 years ago

24-宋佳军 https://songdadacarry.github.io/hello/index.html

bhm37 commented 6 years ago

37 鲍华明 https://bhm37.github.io/基础项目/index.html

20170608133 commented 6 years ago

33-张铭泳https://20170608133.github.io/gb/

Yztttttt commented 6 years ago

08-严振焘https://Yztttttt.github.io/08/index.html

yiting63 commented 6 years ago

39.边逸婷https://yiting63.github.io/lhr/hhh.html

Yakunn commented 6 years ago

06 李亚坤https://yakunn.github.io/hello/index.html

HuaJiW commented 6 years ago

50 陈家辉https://huajiw.github.io/hello2/index.html

chenzhiwei111 commented 6 years ago

32 陈志伟 https://chenzhiwei111.github.io/hello1/index.html

ljq6666 commented 6 years ago

29 李佳奇 https://ljq6666.github.io/hello1/index.html

zgwh commented 6 years ago

18 诸葛文瀚 https://zgwh.github.io/zz/index.html

diviner1121 commented 6 years ago

27 戴甄 https://diviner1121.github.io/index.html

tonggechiou commented 6 years ago

43 潘一炜https://tonggechiou.github.io/pengxiong/index.html

tangzhuyin commented 6 years ago

23 唐寅https://tangzhuyin.github.io/first/index.html

x20170608115 commented 6 years ago

15 徐效宇https://x20170608115.github.io/onej/new_file.html

yingxiaogan commented 6 years ago

26 应小刚https://yingxiaogan.github.io/index.html

FISHTIANTIAN commented 6 years ago

20张天https://bentuotuo.github.io/jsjsjs.html

zzzzzzzzzc commented 6 years ago

05赵琛https://zzzzzzzzzc.github.io/hello/

LINWQG commented 6 years ago

46林文青https://piggss.github.io/backg/index.html

qiukaibing commented 6 years ago

36裘凯炳https://qiukaibing.github.io/詹23/index.html

sjkkkk commented 6 years ago

19盛佳康https://sjkkkk.github.io/hello/chgColor.html

377a61 commented 6 years ago

13王露露https://377a61.github.io/jsone/%E6%94%B9%E5%8F%98%E8%83%8C%E6%99%AF%E9%A2%9C%E8%89%B2.html

Mcccccccc commented 6 years ago

21傅全超 https://mcccccccc.github.io/%E5%A4%A7%E8%B6%85/index.html

weirdo1998 commented 6 years ago

30邵丽君https://weirdo1998.github.io/%E7%BD%91%E9%A1%B5%E8%83%8C%E6%99%AF/index.html

cveivei commented 6 years ago

045陈薇薇https://cveivei.github.io/javase/index.html

Yufendian commented 6 years ago

42-贺郑鹏http://yufen.github.io/Yufendian/index.html

dameinan commented 6 years ago

40 姚海楠https://dameinan.github.io/hello/in.html

lljzkadrasd commented 6 years ago

31王泽钰https://lljzkadrasd.github.io/index.html

1103070072z commented 6 years ago

14周家骏https://1103070072z.github.io/c1.html

zbb1299316394 commented 6 years ago

22朱浜浜https://zbb1299316394.github.io/%E5%88%9D%E5%AD%A6/index.html

mejiwef commented 6 years ago

49 陈佳明 https://vivfeng.github.io/homework/2018/09/05/index.html

lasacacias commented 6 years ago

17 叶靖 lasacacias.github.io/jsonee/index.html

zptcmt commented 6 years ago

25 张明https://zptcmt.github.io/18.9.2/chgcolor.html

wode98k commented 6 years ago

44傅化韩https://wode98k.github.io/color1/ctyss.html

wudikuangkuang commented 6 years ago

35 叶通 https://wudikuangkuang.github.io/zhexueshigehaodongxi/jfla/new_file33.html

jeffchenxin commented 6 years ago

10 陈昕 https://jeffchenxin.github.io/chenxin-js.github.io/one/index.html 密码：123456

7TS-W commented 6 years ago

12吴行文https://7ts-w.github.io/index.html

wozhemenuan commented 6 years ago

47赵日旭https://wozhemenuan.github.io/youxiu/index.html

zengrichang commented 6 years ago

48曾日昌https://zengrichang.github.io/hello/index.html

zptcsoft commented 6 years ago

王志文、郑威强、卢耀扬