【图片】回复：新人痛下决心，狠学前端，希望大家给予支持！【javascript吧】

第三个练习的效果图不动，在这更新

但是第三个练习，我没有办法循环，还请大神帮忙。
最后一张的时候，不知道该怎么操作，加清掉class的话，总是飘来飘去的。
代码是：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>妙味课堂视频自学练习-vip群活动-图片滑动切换扩展课后练习</title>
</head>
<style>
body { background:#BF7274;}
#box { margin:30px auto; width:310px; height:450px; position: relative; border:15px solid #BC383A; border-radius:24px; }
#box a { font-size:15px; color:#000; width:30px; height:30px; line-height:30px; text-align:center; background:#F1F1F1; text-decoration:none; position:absolute; top:210px; border-radius:24px; opacity:0.8; z-index:5}
#box a:hover { background:#FFFFFF; opacity:1;}
#pic { width:310; height:450px; position:absolute; top:0; left:0; }
#box img { position:absolute; top:0; left:0; width:310px; height:450px; border:none; transition:1s;}
#box .ileft { left:-310px; opacity:0;}
#box .iright { left:310px ;opacity:0;}
#prev { left:-15px;}
#next { right:-15px;}
</style>
<script>
window.onload = function(){
var oBox = document.getElementById(*box*);
var oPic = document.getElementById(*pic*);
var oPrev = document.getElementById(*prev*);
var oNext = document.getElementById(*next*);
var aImg = document.getElementsByTagName(*img*);
var arrP = [*img/1.jpg*,*img/2.jpg*,*img/3.jpg*,*img/4.jpg*,*img/5.jpg*];
var num = 0;
var iZ=0;
for(var i=0; i<arrP.length*2; i++){
oPic.innerHTML += *<img src=""/>*;
}
for(var i=0; i<arrP.length*2; i++){
iZ++;
aImg[i].src = arrP[i%arrP.length];
aImg[i].style.zIndex=arrP.length-iZ;
}
oPrev.onclick = tabl;
oNext.onclick = tabr;
function tabl(){
if (num ==arrP.length){
//alert(*亲，最后一张了，还重看不？*); //怎么重新开始循环
num = 0;
tabl();
}
aImg[num].className = *ileft*;
num++ ;
};
function tabr(){
if (num ==arrP.length){
num = 0;
}
aImg[num].className = *iright*;
num++ ;
};
};
</script>
<body>
<div id="box">
<div id="pic"></div>
<a id="prev" href="javascript:;"><</a>
<a id="next" href="javascript:;">></a>
</div>
</body>
</html>

到数据类型了,到传参了，到作用域了，到运算符了——我咧个天呐，原来任何一门语言，涉及到本质的东西，都是那么严谨而琐碎，只能死死去记往，这就跟学习中文或英文一
样，写法和读音只能靠狠记啊兄弟们有木有？？
视频列表
1-JS数据类型及相关操作
2-数据类型转换-Number
3-parseInt与parseFloat的区别及小技巧
4-JS中稀奇古怪的隐式类型转换
5-isNaN应用实例
6-数据类型转换所对应的小练习说明
1-函数传参、参数类型
2-传参应用：类型判断及多组图片切换实例
3-传参实例：商品价格计算及4道课后小练习
天书笔记
1.数据类型：JS中的数据类型：数字（NaN）、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义.
typeof变量名判断数据类型
字符串。变量名.charAt（数字（第几个））找到字符串里的第几个子元素
函数类型。 function fn1(){alert(2)}; fn1不带括号，就是函数名 fn1（）；就是执行函数，函数开始启动。
对象类型。可以添加自定义的属性。可以添加函数属性。
[] 数组，数组属于对象类型。添加数组元素方法 arrLi.push(aLi[j]); 往数组里塞元素。方法。数组名.push(元素名);
null 空。（注意，空的类型不可以添加自定义属性，除非已经有东西存储）
2.parseInt(b) parseFloat(num) Number
显式类型转换（强制类型转换）：
Number() 是数字返回值，不是数字NaN
0
parseInt()
var b = * 200px*; 遇到非数字停止，非数字之前的所有数字变成数字
alert( parseInt(b) );
parseFloat()
alert( parseFloat(c) ); 小数 alert( parseFloat(c.10) 10代表10进制 );
隐式类型转换：
+200 + *3*变成字符串和 - * / % 位置相反
- * / %*200* - 3 变成数字
++ --变成数字
> < 数字的比较、字符串的比较
!取反把右边的数据类型转成布尔值
==
当然还有一个天杀的NaN。
我了个XXX，估计时间不会太长，我就会忘了。
这几天真心不是偷懒，真心强记这些个东西，做了一个效果，还没有完成，没有办法了。
求大神指点。
练习评分：
点击能够确定评分，但如果鼠标重新移入，又可以继续在此评分。求大神指教

练习评分：
点击能够确定评分，但如果鼠标重新移入，又可以继续在此评分。求大神指教
我点确定，总是少一个，每次移入的li,加上class后，鼠标移出，又重新清掉，但是如果不清掉，移出鼠标又没有办法做出来，请大神告知方法，谢谢了。
老规矩，贴图

代码是：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>妙味课堂视频自学练习-vip群活动-百度评分</title>
</head>
<style>
ul,li { margin:0; padding:0; }
li { list-style:none;}
#bg {}
#box { width:800px; heigth:100px; border:10px solid #F7F5F5; margin:100px auto; border-radius:10px; overflow:hidden;}
#box span { width:160px; heigth:100px; line-height:100px; text-align:center; font-size:28px; font-family:"微软雅黑"; float:left; }
#box ul { height:100px; float:left;}
#star {}
#star li { width:100px; height:98px; float:left; cursor:pointer; background:url(img/bg-star0.jpg) no-repeat; }
#star .active { background:url(img/bg-star1.jpg) no-repeat; }
#star .active1 { background:url(img/bg-star2.jpg) no-repeat; }
#comment { width:130px; height:100px; display:block; float:left; text-align:center; font-size:26px; font-family:"微软雅黑"; line-height:100px; }
</style>
<script>
window.onload = function(){
var oBox = document.getElementById(*box*);
var oStar = document.getElementById(*star*);
var aLi = oStar.getElementsByTagName(*li*);
var oStrong = oBox .getElementsByTagName(*strong*)[0];
var arrW = [*很差*,*较差*,*还行*,*推荐*,*力荐*]
var iNow = 0;
for( var i=0; i<aLi.length; i++){
aLi[i].index = i;
aLi[i].onmouseover = function(){
oStrong.innerHTML = arrW[this.index];
if(this.index<Math.floor(aLi.length/2)){
for(var i=0; i<this.index+1; i++){
aLi[i].className = *active*;
}
}else{
for(var i=0; i<this.index+1; i++){
aLi[i].className = *active1*;
}
}
};
aLi[i].onmouseout = function(){
for(var i=0; i<this.index+1; i++){
aLi[i].className = **;
}
};
aLi[i].onclick = function(){
iNow = this.index;
for(var i=0; i<this.index+1; i++){
aLi[i].className = *active1*;
}
}
}
};
</script>
<body>
<div id="bg">
<div id="box">
<span>总体评价：</span>
<ul id="star">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<strong id="comment">很差</strong>
</div>
</div>
</body>
</html>

定时器，定时器，越来越觉得JS很有意思，听说各种吊炸天的效果都离不开这个，必须努力学。觉得很简单，但是能做效果出来，就不是那么回事了，唉！数学老师，你去的太早了，真是 “数”到用时方恨少啊有木有。
视频列表
1-函数返回值-return详解及应用-1
2-arguments实参集合与局部变量、参数关系-2
3-currentStyle与getComputedStyle应用-3(话筒太近，注意调小音量）
4-setInterval详解、定时器管理、背景选择实例-4(话筒太近，注意调小音量）
5-setTimeout详解、弹窗广告实例-5(话筒太近，注意调小音量）
6-定时器应用-自动切换焦点图、QQ延时菜单实例-6(话筒太近，注意调小音量）
天书笔记
要记得的太多，反而不知道怎么计了，但是自己先总结一点，就是设置定时器之前 ——先关后开，这要是灯泡，早TMD烧了。
做了三个效果：
1.回字形
2.延时消失的菜单
3.自动轮换的选项卡

第一个回字形

代码是：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>妙味课堂视频自学练习-vip群活动-淘宝广告课后练习</title>
</head>
<style>
p,ul,li { margin:0; padding:0; }
li { list-style:none;}
#box { width:550px; height:390px; border:5px solid #A4E117; margin:30px auto; padding:5px; border-radius:8px; font-family:"微软雅黑"; color:#6C0507;}
#box ul { width:80px; height:200px; float:left; padding: 0 4px;}
#box ul li { width:80px; height:50px; line-height:50px; border:1px solid #D16100; text-align:center; margin-bottom:3px; border-radius:4px; cursor:pointer;}
#box li:hover { background:#5CD480;}
#box p { width:370px; height:380px; float:left; border:1px solid red; border-radius:4px;}
#box p img { border:none; width:370px; height:380px; border-radius:4px;}
#left_lis {}
#right_lis {}
</style>
<script>
window.onload = function(){
var oBox = document.getElementById(*box*);
var oP = document.getElementById(*pic*);
var oImg = oP.getElementsByTagName(*img*)[0];
var aLi = oBox.getElementsByTagName(*li*);
var arrP = [*img/1.jpg*,*img/2.jpg*,*img/3.jpg*,*img/4.jpg*,*img/5.jpg*,*img/6.jpg*,*img/7.jpg*,*img/8.jpg*,*img/9.jpg*,*img/10.jpg*,*img/11.jpg*,*img/12.jpg*,*img/13.jpg*,*img/14.jpg*];
var num = 0;
var obj = null;
var timer = null;
for(var i=0; i<aLi.length; i++){
aLi[i].index = i;
aLi[i].onclick = function(){
obj = this;
num = this.index;
clearInterval(timer);
ftab();
};
aLi[i].onmouseout = function(){
clearInterval(timer);
timer = setInterval(ftab,300);
};
}
var arrN = [];//这个方法能不能简化
for (var i = 0; i<aLi.length/2; i++){
arrN.push(i);
}
for(var i=aLi.length/2; i<aLi.length; i++){
n = aLi.length + (aLi.length/2 - 1) - i;
arrN.push(n);
}
//alert(arrN);
timer = setInterval(ftab,300);
function ftab(){
num %= 14;
//有bug不知道怎么处理，鼠标移出多次后，速度很快
oImg.src = arrP[num];
for(var i=0; i<aLi.length; i++){
aLi[i].style.background = *white*;
}
aLi[arrN[num]].style.background = *red*;
num++;
document.title = num;
};
};
</script>
<body>
<div id="box">
<ul class="left_lis">
<li>连衣裙</li>
<li>雪纺</li>
<li>T恤</li>
<li>铅笔裤</li>
<li>婚纱</li>
<li>外套</li>
<li>连体裤</li>
</ul>
<p id="pic">
<img src="img/1.jpg"/>
</p>
<ul class="right_lis">
<li>包包</li>
<li>凉鞋</li>
<li>单鞋</li>
<li>太阳镜</li>
<li>丝袜</li>
<li>帆布鞋</li>
<li>情侣装</li>
</ul>
</div>
</body>
</html>

第二个延时消失的菜单
这个简单。

代码是：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>妙味课堂视频自学练习-vip群活动-延时消失的菜单练习</title>
</head>
<style>
ul,li,ol { margin:0; padding:0; }
li { list-style:none;}
#box { width:800px; height:50px; margin:20px auto; border:5px solid #AFC0F4; background:#448AF5; overflow:hidden; border-radius: 18px;}
#box ul { width:610px; height:50px; float:left; }
#box li { width:150px; height:50px; line-height:50px; color:#fff; text-align:center; float:left; border-right:1px solid #AFC0F4; border-radius:4px; cursor:pointer;}
#box li:hover { background:#DAE6FB; color:#423D3D;}
#box span { width:80px; height:50px; line-height:50px; color:#fff; text-align:center;float:right; display:block; margin-right:20px;}
#hidn { position:absolute; top:90px; left:555px;}
#hidn li { width:200px; height:50px; line-height:50px; text-align:center; border:1px solid #D0C9C9; position:absolute; border-radius:4px; background:#FBF5F6}
#hidn1 { display:none;}
#hidn2 { display:none; left:150px;}
#hidn3 { display:none; left:300px;}
#hidn4 { display:none; left:450px;}
</style>
<script>
window.onload = function(){
var oUl = document.getElementsByTagName(*ul*)[0];
var aTli = oUl.getElementsByTagName(*li*);
var oOl = document.getElementsByTagName(*ol*)[0];
var aSli = oOl.getElementsByTagName(*li*);
var timer = null;
for(var i=0; i<aTli.length; i++){
aTli[i].index = i;
aSli[i].index = i;
aTli[i].onmouseover = show;
aTli[i].onmouseout = hidn;
aSli[i].onmouseover = show;
aSli[i].onmouseover = hidn;
}
function show(){
for(var i=0; i<aSli.length; i++){
aSli[i].style.display = *none*;
}
clearTimeout(timer);
obj = this;
aSli[obj.index].style.display = *block*;
};
function hidn(){
obj = this;
timer = setTimeout(function(){
aSli[obj.index].style.display = *none*;
},1000);
};
};
</script>
<body>
<div id="box">
<ul>
<li>首页</li>
<li>关于我们</li>
<li>作品</li>
<li>博客</li>
</ul>
<span>更多</span>
</div>
<ol id="hidn">
<li id="hidn1">第一个LI</li>
<li id="hidn2">第二个LI</li>
<li id="hidn3">第三个LI</li>
<li id="hidn4">第四个LI</li>
</ol>
</body>
</html>

第三个，自动轮播的选项卡
这个太恶心了，不次于之前的交叉感染。

代码是：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>妙味课堂视频自学练习-vip群活动-自动轮换的选项卡</title>
</head>
<style>
ul,ol,li,p { margin:0; padding:0;}
li { list-style:none;}
#box { width:300px; height:200px; border:10px solid #DDD8D8; margin:30px auto; padding:10px; font-size:15px; font-family:"微软雅黑"; border-radius:8px;}
#box ol { width:300px; overflow:hidden;}
#box ol li { width:60px; height:50px; border:1px solid #DBC1C2; float:left; text-align:center; line-height:50px; margin-left:1px; cursor:pointer; background:#E7E1E1; border-radius:2px;}
#box p { width:220px; height:146px; border:1px solid #F7F5F5; float:left; margin-top:4px; border-radius:2px;}
#box p img { border:none; width:220px; height:146px; border-radius:2px;}
#box ul { width:70px; height:150px; margin-top:4px; position:absolute; }
#box ul li { width:70px; height:48px; background:#E7E1E1; border:1px solid #F7F5F5; text-align:center; line-height:50px; cursor:pointer; border-radius:2px;}
#box li:hover { background:#fff;}
#alis1 { float:left; margin-left:4px;}
</style>
<script>
window.onload = function(){
var oBox = document.getElementById(*box*);
var oLis = oBox.getElementsByTagName(*ul*);
var oP = document.getElementById(*pic*);
var oImg = oP.getElementsByTagName(*img*)[0];
var oList = document.getElementById(*alis1*);
var aLi = oList.getElementsByTagName(*li*);
var oMenu = oBox.getElementsByTagName(*ol*)[0];
var oMli = oMenu.getElementsByTagName(*li*);
var arrP = [*img/1.jpg*,*img/2.jpg*,*img/3.jpg*,*img/4.jpg*,*img/5.jpg*,*img/6.jpg*];
var num = 0;
var timer = null;
var oldLi = null;
frTab1();
for (var i=0; i<aLi.length; i++){
aLi[i].index = i;
aLi[i].onclick = function(){
num = this.index;
clearInterval(timer);
frTab1();
};
aLi[i].onmouseout = function(){
num = this.index;
clearInterval(timer);
timer = setInterval (frTab1,500);
};
}
// 为什么鼠标移入全乱了。自己觉得没有问题啊。请大神帮忙
timer = setInterval (frTab1,1000);
function frTab1(){
if ( num == aLi.length){
num = 0;
}
oldLi = aLi[num].style.background;
if ( num == aLi.length/2){
oLis[1].style.display = *block*;
for (var i=0; i<oMli.length; i++){
oMli[i].style.background = oldLi;
}
oMli[1].style.background = *white*;
} else if(num < aLi.length/2){
oLis[1].style.display = *none*;
for (var i=0; i<oMli.length; i++){
oMli[i].style.background = oldLi;
}
oMli[0].style.background = *white*;
}
for (var i=0; i<aLi.length; i++){
aLi[i].style.background = oldLi;
}
aLi[num].style.background = *white*;
oImg.src = arrP[num];
num++;
//document.title = num;
}
};
</script>
<body>
<div id="box">
<ol >
<li>菜单一</li>
<li>菜单二</li>
</ol>
<p id="pic"> <img src=""/> </p>
<div id="alis1">
<ul>
<li>图片1</li>
<li>图片2</li>
<li>图片3</li>
</ul>
<ul>
<li>图片4</li>
<li>图片5</li>
<li>图片6</li>
</ul>
</div>
</div>
</body>
</html>

这一个星期不好过，碰到硬砖了，上次活动的效果，研究了这么长时间，不过还是很有收获的。小弟我这几天做了些个效果，分享给一起自学JS的新人。
我们一起加油，此时不努力，‘老大’徒伤悲
三个效果
第一个。透明度
第二个。焦点图
第三个。GO GO GO 抖抖抖

时间像头铁驴，一个月过去，感觉过的好快。今天翻翻之前做的练习，感觉自己有点长进了，这都要感谢大家鼓励我，督促我，‘解决我’，（当然更要感谢妙味视频。）
想想一个月前第一个JS效果出来的时候，到现在稍微入门了，心里有很满足感。
今天就来个大杂烩，我把我个人认为有意义的效果图发来上。
（注意：是个人觉得有意义的图）大概20个。哈哈

基础扎实是王道，我要把之前的所有的知识点总结一下，看看能做出来什么样子的东西，准备做几个练习。过两天发上来，让大家帮忙看一下问题。

各位朋友，被家中琐事绊住了，两个星期不见了，放下学习两个星期了，罪过罪过！不过放假回来后，做了几个效果，算作复习，发上来，大家给看看问题！
第一个：切换
第二个：自动回字形
第三个：左右
第四个：100个DIV
第五个：翻书

第四个：100个DIV
问题。屏幕闪啊闪。求助大神

代码是：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>妙味课堂视频-复习4 -100个DIV</title>
</head>
<style>
h2,p,ul,li { margin:0; padding:0;}
li { list-style:none;}
body { font-size:16px;}
#zbox { width:765px; height:728px; background:url(img/box-bg.jpg) no-repeat; margin:100px auto; padding:300px 12px 0 12px;}
#box { width:712px; height:220px; padding:12px; }
#ileft { width:256px; height:224px; border-left:1px solid #000; border-right:1px solid #000; padding-left:16px; float:left;}
#ileft div { }
#ileft .intro { width:244px; height:86px; border-bottom:1px solid #b1b1b1;}
#ileft .intro h2 { width:244px; height:20px; font-size:12px; color:#bc1823;}
#ileft .intro p { width:244px; height:48px; font-size:10px;}
#ileft .intro span { display:block; width:100px; height:16px; line-height:16px;font-size:10px; margin-left:2px; text-indent:8px; background:url(img/span-bg.jpg) no-repeat center left; cursor:pointer;}
#ileft .intro-p { width:244px; height:116px; margin-top:10px;}
#ileft .intro-p h2 { width:244px; height:20px; font-size:12px; color:#bc1823;}
#ileft .intro-p p { width:244px; height:78px; font-size:10px; }
#ileft .intro-p img { width:110px; height:68px; border:3px solid #d7d7d7; margin-right:4px; float:left;}
#ileft .intro-p strong { width:104px; height:62px; display:block; float:left; padding:3px; margin-left:12px;}
#ileft .intro-p span {display:block; width:100px; height:16px; line-height:16px;font-size:10px; margin-left:2px; text-indent:8px; background:url(img/span-bg.jpg) no-repeat center left; cursor:pointer;}
#iright { width:434px; height:224px; float:left; position:relative;}
#iright .lis { width:54px; height:224px; position:relative; float:left; margin-right:10px; overflow:hidden;}
#iright ul { position:absolute; top:0; left:0; padding-top:1px;}
#iright ul li { width:54px; height:35px; margin-bottom:11px; background-size:100% 100%; cursor:pointer;}
#iright #pic { width:350px; height:220px; float:left; position:relative; overflow:hidden;}
#iright #pic div { width:35px; height:22px; position:absolute; top:0; left:0; }
#iright img { width:350px; height:220px;}
#iright p { width:14px; height:220px; float:left;}
#iright a { width:14px; height:112px; display:block;}
#up {}
#down {}
</style>
<script src="miaovdoMove.js"></script>
<script src="miaovOpacity.js"></script>
<script>
window.onload = function(){//为什么总是闪。而且还这么慢。bug
var oPic = document.getElementById(*pic*);
var oIright = document.getElementById(*iright*);
var oUl = oIright.getElementsByTagName(*ul*)[0];
var aLi = oUl.getElementsByTagName(*li*);
var oIleft = document.getElementById(*ileft*);
var oImgSmal = oIleft.getElementsByTagName(*img*)[0];
var oImg = oPic.getElementsByTagName(*img*)[0];
var aDiv = oPic.getElementsByTagName(*div*);
var oA = oIright.getElementsByTagName(*a*);
var arrP = [*img/v1.JPG*,*img/v2.JPG*,*img/v3.JPG*,*img/v4.JPG*,*img/v5.JPG*,*img/v6.JPG*,];
var str = **;
var len = 100;
var num = 0;
var j = -1;
var that = 0;
var itimer = ltimer = 0;
var iPos = zPos = wPos = sum = 0;
iPos = parseInt(getStyle(oUl,*top*));
for (var i=0; i<aLi.length; i++){
aLi[i].index = i;
aLi[i].style.backgroundImage = *url(*+ arrP[i] +*)*;
aLi[i].onclick = function(){
that = this.index;
oPic.innerHTML = ** ;
oImgSmal.style.opacity = 0;
Opacity(oImgSmal,100,1);
oImgSmal.src = arrP[that];
fnBg(that);
};
}
oA[0].onmouseover = function(){
fnLis(1);
};
oA[1].onmouseover = function(){
fnLis(-1);
};
for (var i=0; i<oA.length; i++){
oA[i].onmouseout = function(){
clearInterval(ltimer);
};
}
function fnBg(aim){
str = **;
for(var i=0; i<len; i++){
str += *<div></div>*;
}
oPic.innerHTML = str;
for(var i=0; i<len; i++){
if(i%10 == 0){
j ++;
}
aDiv[i].style.top = -220 + 22*(j%10) + *px*;
aDiv[i].style.left = + 35*(i%10) + *px*;
aDiv[i].style.background = *url(*+ arrP[aim] +*)*;
aDiv[i].style.backgroundPosition = (-35*(i%10)) + *px * + (-22*(j%10)) + *px*;
}
num = 0;
itimer = setInterval(function(){
Ntarget = parseInt(getStyle(aDiv[num],*top*)) + 220;
doMove(aDiv[num],*top*,30,Ntarget);
num ++ ;
if (num == 100) {
clearInterval(itimer);
}
},10);
}
function fnLis(n){
if(n<0){//上
ltimer = setInterval(function(){
zPos = parseInt(getStyle(oUl,*height*))-(6*parseInt(getStyle(aLi[0],*height*)));
wPos = iPos + sum;
oUl.style.top = wPos + *px*;
sum -= 2;
if( wPos < -zPos){
clearInterval(ltimer);
}
},30);
}
if(n>0){//下
ltimer = setInterval(function(){
zPos = parseInt(getStyle(oUl,*height*))-(6*parseInt(getStyle(aLi[0],*height*)));
wPos = iPos + sum;
oUl.style.top = wPos + *px*;
sum += 3;
if( wPos > zPos){
clearInterval(ltimer);
}
},100);
}
};
};
</script>
<body>
<div id="zbox">
<div id="box">
<div id="ileft">
<div class="intro">
<h2>A FEW WORDS ABOUT ME</h2>
<p>Good morning !It is really my honor to have this opportunity for a interview,...</p>
<span>READ MORE</span>
</div>
<div class="intro-p">
<h2>A FEW WORDS ABOUT ME</h2>
<p>
<img src="img/v1.JPG"/>
<strong>Good morning !It is really my honor to ,...</strong>
</p>
<span>READ MORE</span>
</div>
</div>
<div id="iright">
<p>
<a id="up" href="javascript:;"></a>
<a id="down" href="javascript:;"></a>
</p>
<div class="lis">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div id="pic">
<img src="img/1.jpg"/>
</div>
</div>
</div>
</div>
</body>
</html>

欣然发现我的学习记录帖，被楼上的哥们儿（或许是个姐们儿）评价为“广告帖”，
我很欣慰，正所谓：“仁者见仁，淫者见淫……”
也很感触，妙味视频确实让我做出这么多东西，替他们打广告我乐此不疲，
那话儿咋说来着？——哦，有钱难买我乐意 ^_^
从我购买妙味VIP群视频到现在，做了一些我个人感觉还蛮不错的小练习，但人外有人，天外还有天上天
比起妙味VIP群里另外一位凶猛的哥们（陈剑鑫——妙味专门为他写帖子展示的那位兄弟），我就是个‘呵呵’。

对比这么绚的个人网站，真是羡慕！我目前的技术在他的作品面前，就是个菜，
但我觉得总有一天能达到、甚至超越他的！
今天非常开心，就这么愉快的报了JQ远程课，他们说我这样的原生JS基础完全可以了，嘿嘿，开心！
这里必须要得瑟一下，我报完名以后，客服小美告诉我：
此次远程班50个名额仅剩4个了，估计明天就截止报名了！
嘿嘿，我这样说，这算不算广告？要真算的话我能找他们拿回扣不？
不过就算说我这些话是广告，你想报名这期远程，名额也满了报不了，
反正我是报上了，我得一个瑟，又得一个瑟……哈哈，失态了！
好，罗嗦了这么多，也算给这个帖子结帖，
马上要参加JQ远程班了，到时候我会再开一个帖子，向大家汇报我的学习成绩，
敬请支持我的兄弟姐妹们继续支持我！！
敬请鄙视我的大哥大姐们更猛烈鄙视我，有你们的鄙视，我学习才更有动力！
下个帖子的标题就叫做：新人JQ学习之路，老三十七的第二步！

日	一	二	三	四	五	六

回复：新人痛下决心，狠学前端，希望大家给予支持！

扫二维码下载贴吧客户端