妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 12965|回复: 67

【妙味VIP群自学联盟 - B联盟 - JavaScript - 8月远程辅导班】

  [复制链接]
leo 发表于 2014-8-4 21:53:38 | 显示全部楼层 |阅读模式

VIP群的亲友们,凡报名了【妙味VIP群自学联盟】B联盟 - JavaScript 的同学,请注意!!!

亲,你的学前基础,看起来至少应该是这个样子:
1、对 XHTML+CSS2 非常熟悉,能独立完成 >>商城静态页 并兼容PC端所有浏览器;
2、听过 jQuery,能看懂这段代码:$('#div1').click(function() { $(this).css('background', 'red'); });
3、套用过一些 JS 交互效果,如:焦点图、下拉菜单、弹出窗口……

妙味讲师们为你们安排的学习计划:
1、学习时间:每天至少能拿出2小时左右,看视频、做练习、提交问题;
2、练习数量:无论工作再忙,每周VIP公开课前,至少完成2个以上的练习作品(我们会选择优秀的作品,收录在妙味优秀学员作品展示平台);
3、提问要求:你在看视频时,遇到任何问题、或者做练习中遇到的问题,都可提交到下面。讲师们根据大家提问,每周公开课和大家线上交流、解答问题;

本周学习计划:2014年8月9日晚19:00之前,完成以下学习任务!

1)看视频:妙味课堂 JS基础课程 > JS1-属性操作 视频
222.png
2)做练习1:
22.png

3)做练习2:
模拟手机短信发送.gif

练习要求:使用原生JS,配合XHTML+CSS完成以上功能。

说明:
无论练习是否能做出来,大家尽量去完成。能轻松完成的同学们,不妨再多做做相关的练习,
大家在观看视频或完成练习过程中,遇到任何问题,可随时在本帖下留言。 视频下载地址及练习题.rar (2.49 MB, 下载次数: 3536)
回复

使用道具 举报

yoboseyo 发表于 2014-8-9 21:55:09 | 显示全部楼层
续49楼问题~
  1. window.onload=function()
  2. {
  3.         var oImg=document.getElementById('img1');
  4.         var oPrev=document.getElementById('prev');
  5.         var oNext=document.getElementById('next');
  6.         var oP=document.getElementById('p1');
  7.         var oSpan=document.getElementById('span1');
  8.         var oBtn1=document.getElementById('btn1');
  9.         var oBtn2=document.getElementById('btn2');
  10.         var arrUrl=['1.jpg','2.jpg','3.jpg','4.jpg'];
  11.         var arrTxt=['第一张图片','第二张图片','第三张图片','第四张图片'];
  12.         var num=0;
  13.         tabImg();
  14.         oPrev.onclick=function()
  15.         {
  16.                 num--;
  17.                 tabImg();
  18.         };
  19.         oNext.onclick=function()
  20.         {
  21.                 num++;
  22.                 tabImg();
  23.                
  24.         };
  25.         oBtn1.onclick=function()
  26.         {
  27.                 function tabImg()
  28.                 {
  29.                         if(num<0)
  30.                         {
  31.                                 num=arrUrl.length-1;
  32.                         }
  33.                         else if(num>arrUrl.length-1)
  34.                         {
  35.                                 num=0;
  36.                         }
  37.                         oImg.src=arrUrl[num];
  38.                         oP.innerHTML=arrTxt[num];
  39.                         oSpan.innerHTML=num+1+'/'+arrUrl.length;
  40.                 }
  41.         };
  42.         oBtn2.onclick=function()
  43.         {
  44.                 function tabImg()
  45.                 {
  46.                         if(num<0)
  47.                         {
  48.                                 num=0;
  49.                                 alert('这是第一张图片,不能前往上一张!');
  50.                         }
  51.                         else if(num>arrUrl.length-1)
  52.                         {
  53.                                 num=arrUrl.length-1;
  54.                                 alert('这是最后一张图片,不能前往下一张!');
  55.                         }
  56.                         oImg.src=arrUrl[num];
  57.                         oP.innerHTML=arrTxt[num];
  58.                         oSpan.innerHTML=num+1+'/'+arrUrl.length;
  59.                 }
  60.         };
  61.        
  62.         function tabImg()
  63.         {
  64.                
  65.                 if(num<0)
  66.                 {
  67.                         num=arrUrl.length-1;
  68.                 }
  69.                 else if(num>arrUrl.length-1)
  70.                 {
  71.                         num=0;
  72.                 }
  73.                 oImg.src=arrUrl[num];
  74.                 oP.innerHTML=arrTxt[num];
  75.                 oSpan.innerHTML=num+1+'/'+arrUrl.length;
  76.         }
  77. };
  78. </script>
复制代码
回复 支持 1 反对 0

使用道具 举报

bug_free 发表于 2014-8-4 22:05:48 | 显示全部楼层
这边的沙发我也抢了哈哈。
回复 支持 反对

使用道具 举报

~千里Ж韵月~ 发表于 2014-8-4 22:08:28 | 显示全部楼层
我两个都报了,反正有时间,前端菜鸟养成记~
回复 支持 反对

使用道具 举报

惊鸿 发表于 2014-8-4 22:16:50 | 显示全部楼层
恩。。要加油了
回复 支持 反对

使用道具 举报

yahoo1921 发表于 2014-8-4 22:22:57 | 显示全部楼层
【B联盟 - JavaScript - VIP群中的QQ:1206700380号】
回复 支持 反对

使用道具 举报

sharkyzh 发表于 2014-8-4 22:24:37 | 显示全部楼层
努力学习,跟上大部队
回复 支持 反对

使用道具 举报

bokebi520 发表于 2014-8-4 22:49:18 | 显示全部楼层
少壮不努力,老大徒伤悲!
回复 支持 反对

使用道具 举报

TigerJiang 发表于 2014-8-4 22:49:37 | 显示全部楼层
这个必须顶~~~~~
回复 支持 反对

使用道具 举报

w05873 发表于 2014-8-4 23:59:02 | 显示全部楼层
谢谢老师  辛苦了!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2017-3-24 14:03 , Processed in 0.245037 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表

论坛重要通知

亲爱的妙味用户们:

当你们看到这个界面时,妙味论坛已经光荣退伍,感谢论坛陪伴我们的5年时光!

之所以让论坛退伍,是因为多年来论坛经常遭受各类莫明攻击、以及每天被海量垃圾广告覆盖,管理成本居高不下,数据丢失严重……在诸多考虑之后,我们决定至即日起停止维护论坛,并停止论坛的 “注册”、“发帖”、“回帖” 等功能,只保留老用户登录及查看帖子功能(注意,官网注册的用户不能再登录论坛)。

此外,妙味论坛原来承载的功能作如下安排:

论坛原有的“公告”版块,请大家移步至:官网新闻页
论坛原有的“学员作品”版块,请大家移步至:官网学员作品页
论坛原有的“技术交流”版块,请大家移步至:官网问答页


即日起,官方不再对论坛做任何维护工作,给大家带来不便,敬请谅解!

妙味团队 2017-2-6