飞舞的青春，逝去的梦。。。
jquery其实已经学的差不多了，接下来就是不断的去使用它们了，所以今天赶紧找了一个效果来练习，
代码有借鉴，但是一开始的idea还是还是我想的，与别人的不一样。虽然我的代码比别人的多个那么几行，但是效果还是大体相同的。
&!DOCTYPE html&
&html lang=&en&&
&meta charset=&UTF-8&&
&title&图片遮罩层&/title&
padding:0;
text-align:
/*background:*//*测试用的*/
#task ul li{
list-style:
margin-left: 30
position:/*相对定位，让他的子元素zezhao相对于他定位。*/
width:200/*定了长和宽，overflow起作用了*/
height:200
height:202
background: #000;
top:-202/*这里本来我是想设置成-200的，但是那样就会露出一点zezhao，而不是完全隐藏掉*/
.zezhao p{
.zezhao a{
text-decoration:
color:#5EC2A6;
.zezhao a:hover{
color:#D85D57;
text-decoration:
&script src=&/wp-content/uploads/2014/12/jquery.js&&&/script&
&script type=&text/javascript&&
$().ready(function(){
$(&#task ul li&).mouseenter(function(){//其实也可以用hover的
$(this).find(&.zezhao&).stop().delay(50).animate({&opacity&:0.8,&top&:0},200);//之前没加this，结果就是两张图片一起出现遮罩层
$(&#task ul li&).mouseleave(function(){
$(this).find(&.zezhao&).stop().delay(50).animate({&opacity&:0.8,top:-202},200);//可以说stop()很重要，之前没加感觉滑动方式很难看（鼠标快速经过多次不会停）还有就是如果将遮罩层一开始就罩在图片上而不是设置成-202px则滑动方式也会变化（不好看）
&div id=&task&&&!-- 对我来说算一个任务吧 --&
&img src=&/wp-content/uploads/2014/12/xiaobaicai1.png&/&
&div class=&zezhao&&
&p&你好，我是小白菜&/p&
&p&阳光小白菜是我的网名&/p&
&a href=&&&去我的主页看看吧&/a&
&img src=&/wp-content/uploads/2014/12/xiaobaicai.png&/&
&div class=&zezhao&&
&p&你好，我是小白菜&/p&
&p&阳光小白菜是我的网名&/p&
&a href=&&&去我的主页看看吧&/a&
提示：你可以先修改部分代码再运行。
JavaScript
&!DOCTYPE html&
&html lang="en"&
&meta charset="UTF-8"&
&title&图片遮罩层&/title&
padding:0;
text-align:
/*background:*//*测试用的*/
#task ul li{
list-style:
margin-left: 30
position:/*相对定位，让他的子元素zezhao相对于他定位。*/
width:200/*定了长和宽，overflow起作用了*/
height:200
height:202
background: #000;
top:-202/*这里本来我是想设置成-200的，但是那样就会露出一点zezhao，而不是完全隐藏掉*/
.zezhao p{
.zezhao a{
text-decoration:
color:#5EC2A6;
.zezhao a:hover{
color:#D85D57;
text-decoration:
&script src="/wp-content/uploads/2014/12/jquery.js"&&/script&
&script type="text/javascript"&
$().ready(function(){
$("#task ul li").mouseenter(function(){//其实也可以用hover的
$(this).find(".zezhao").stop().delay(50).animate({"opacity":0.8,"top":0},200);//之前没加this，结果就是两张图片一起出现遮罩层
$("#task ul li").mouseleave(function(){
$(this).find(".zezhao").stop().delay(50).animate({"opacity":0.8,top:-202},200);//可以说stop()很重要，之前没加感觉滑动方式很难看（鼠标快速经过多次不会停）还有就是如果将遮罩层一开始就罩在图片上而不是设置成-202px则滑动方式也会变化（不好看）
&div id="task"&&!-- 对我来说算一个任务吧 --&
&img src="/wp-content/uploads/2014/12/xiaobaicai1.png"/&
&div class="zezhao"&
&p&你好，我是小白菜&/p&
&p&阳光小白菜是我的网名&/p&
&a href=""&去我的主页看看吧&/a&
&img src="/wp-content/uploads/2014/12/xiaobaicai.png"/&
&div class="zezhao"&
&p&你好，我是小白菜&/p&
&p&阳光小白菜是我的网名&/p&
&a href=""&去我的主页看看吧&/a&
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
&!DOCTYPE html&&html lang="en"&&head&&&&&&meta charset="UTF-8"&&&&&&title&图片遮罩层&/title&&&&&&style&&&&&*{&&&&&&&&margin:0;&&&&&&&&padding:0;&&&&}&&&&&&&&#task{&&&&&&&&&&&&width:500px;&&&&&&&&&&&&margin:20px auto;&&&&&&&&&&&&text-align: center;&&&&&&&&&&&&/*background:*//*测试用的*/&&&&&&&&&}&&&&&&&&#task ul li{&&&&&&&&&&&&float:left;&&&&&&&&&&&&list-style:none;&&&&&&&&&&&&margin-left: 30px;&&&&&&&&&&&&position: relative;/*相对定位，让他的子元素zezhao相对于他定位。*/&&&&&&&&&&&&width:200px;/*定了长和宽，overflow起作用了*/&&&&&&&&&&&&height:200px;&&&&&&&&&&&&overflow: hidden;&&&&&&&&}&&&&&&&&.zezhao{&&&&&&&&&&&&width:200px;&&&&&&&&&&&&height:202px;&&&&&&&&&&&&background: #000;&&&&&&&&&&&&position: absolute;&&&&&&&&&&&&top:-202px;/*这里本来我是想设置成-200的，但是那样就会露出一点zezhao，而不是完全隐藏掉*/&&&&&&&&&& &&&&&&&&}&&&&&&&&.zezhao p{&&&&&&&&&&&&color:#fff;&&&&&&&&}&&&&&&&&.zezhao a{&&&&&&&& text-decoration: none;&&&&&&&& color:#5EC2A6;&&&&&&&&}&&&&&&&&.zezhao a:hover{&&&&&&&& color:#D85D57;&&&&&&&& text-decoration: underline;&&&&&&&&}&&&&&/style&&&&&&script src="/wp-content/uploads/2014/12/jquery.js"&&/script&&&&&&script type="text/javascript"&&&&&&&&&$().ready(function(){&&&&&&&&&&&&$("#task ul li").mouseenter(function(){//其实也可以用hover的&&&&&&&&&&&&&&&&$(this).find(".zezhao").stop().delay(50).animate({"opacity":0.8,"top":0},200);//之前没加this，结果就是两张图片一起出现遮罩层&&&&&&&&&&&&});&&&&&&&&&&&&$("#task ul li").mouseleave(function(){&&&&&&&&&&&&&&&&$(this).find(".zezhao").stop().delay(50).animate({"opacity":0.8,top:-202},200);//可以说stop()很重要，之前没加感觉滑动方式很难看（鼠标快速经过多次不会停）还有就是如果将遮罩层一开始就罩在图片上而不是设置成-202px则滑动方式也会变化（不好看）&&&&&&&&&&&&});&&&&&&&&});&&&&&/script&&/head&&body&&&&&&&&&&div id="task"&&!-- 对我来说算一个任务吧 --&&&&&&&&&&&&&&ul&&&&&&&&&&&&&&&&&&li&&&&&&&&&&&&&&&&&&&&&&&&&&img src="/wp-content/uploads/2014/12/xiaobaicai1.png"/&&&&&&&&&&&&&&&&&&&&&&div class="zezhao"&&&&&&&&&&&&&&&&&&&&&&&&&&p&你好，我是小白菜&/p&&&&&&&&&&&&&&&&&&&&&&&&&&p&阳光小白菜是我的网名&/p&&&&&&&&&&&&&&&&&&&&&&&&&&a href=""&去我的主页看看吧&/a&&&&&&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&&&&&/li&&&&&&&&&&&&&&&&&&li&&&&&&&&&&&&&&&&&&&&&&&&&&img src="/wp-content/uploads/2014/12/xiaobaicai.png"/&&&&&&&&&&&&&&&&&&&&&&div class="zezhao"&&&&&&&&&&&&&&&&&&&&&&&&&&p&你好，我是小白菜&/p& &&&&&&&&&&&&&&&&&&&&&&&&&p&阳光小白菜是我的网名&/p&&&&&&&&&&&&&&&&&&&&&&&&&&a href=""&去我的主页看看吧&/a&&&&&&&&&&&&&&&&&&&&&&/div&&&&&&&&&&&&&&&&&&/li&&&&&&&&&&&&&&/ul&&&&&&&&&&/div&&/body&&/html&
之前咨询过windyflat博主制作WordPress主题需要会什么，他告诉我并不需要太多的知识，会html，css基本就能制作，以我目前的能力来说，制作一个应该基本没有问题，所以今天学习了一会jquery之后，开始学习制作WordPress主题，接下来就是需要时间和美工创意了。
貌似还有一个多月就要放寒假了，那么问题来了：对于我这个差不多一个学期没有认真听课学渣来说，要考试了！
是时候好好预习了，不然的话，模电，大物，概率论都可能会挂，虽然我是学渣，也不打算以后从事这个专业，但是并不想挂科。
在一些网站上常常会看到一些招聘前端的广告，暂且不去看他的真实性，先记下他们的要求，这样可以提醒自己以后要学什么，该掌握什么。
（1）洛客思（北京）科技有限公司
1、有移动前端开发经验者绝对绝对优先考虑；
2、精通HTML/XHTML、CSS等网页制作技术，熟悉页面架构及布局；
3、精通Ajax、JavaScript、Xml、DOM、DHTML等前端技术，精通jquery、ext等js框架，能手写符合W3C标准、兼容多款手机适配浏览器的前端页面代码；
4、熟悉Ajax以及Json，Xml等数据交换格式；
5、熟悉HTTP协议；
6、熟悉swiper、createjs、snap.svg、d3js 等js框架者优先；
7、具备较好的语言表达和沟通能力；有良好的写作能力，开发技术文档资料编写规范；条理性强。
(2) 上海巍势数码科技有限公司
1. 1年以上HTML开发经验；
2. 熟练使用HTML、CSS、JS编写前端代码；
3. 遵循XHTML规范编写HTML，理解语义，了解DOCTYPE;
4. 熟悉CSS在不同浏览器之间的差异，编写代码须很好的兼容主流A级浏览器；
5. 深入理解DOM，熟悉Prototype或jQuery库；
6. 有开源后台管理程序使用经验，比如Wordpress或者帝国Cms
7. 有完整的服务器环境搭建经验
(3)北京浩庭广告传媒有限责任公司
两年以上HTML5等前端开发从业经验；
精通HTML5、CSS3、JavaScript等技术；
熟悉Bootstrap、Jquery等技术工具；
理解能力强，能快速攻关新技术及应用。
会使用PHP、Java、Ruby和Python中的任意一种，会是加分项；
熟悉AngularJS或Backbone中的一种，会是加分项。
(4)深圳来学信息技术有限公司
1. 负责Web端功能设计、开发和优化；
2. 与设计师和后台程序员配合，高效率高质量地完成页面的实现工作；
3. 进行Javascript程序的代码编写和开发工作；
4. 负责公司Web应用产品（网站及微信/移动端）的产品维护以及更新升级。
1. 对HTML、CSS和JavaScript有一定研究。
2. 熟悉W3C规范，能熟练编写具有良好风格规范的HTML+CSS代码；
3. 熟悉Bootstrap、Alice、Less等前端框架者优先；
4.了解HTML5、CSS3和Webapp等相关技术加分。
暂且就记这几家的要求吧，看到要求都是精通。。吓尿！加油吧! Fighting!
今天开始学习JQ，希望快点学会
Jquery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。
我四岁就习武，六岁即可单手俯卧撑，九岁倒拔垂杨柳，十二岁力大如李元霸，正是这些原因，才成就了我今天的辉辉。不说了，又来了一车砖。
想要为自己弄一个博客不是一时兴起，很早就有这个打算，昨天申请了半天的主机和域名，出现各种问题。所以干脆手贱买了域名和主机。不过心里还是挺开心的。
今天帮一位学长做了一个后台管理界面。
大一很迷茫，那时候感觉什么都想学，但是这样做的后果就是浪费了时间却感觉啥也没学到，虽然经过一年自己已经从一个完全不懂电脑的小白到学会自己装双系统，装虚拟机，翻墙。。。。但这些还毕竟是很浅显的东西，网上牛人多，不管怎样还是要踏实学习。。。Hi，这是的腾讯微博，立即登录并收听，新鲜动态尽收眼底！
正在加载...
Copyright & 1998 - 2014 Tencent. All Rights Reserved暖暖的男人，就是暖男。_羊流吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：9,650贴子：
暖暖的男人，就是暖男。收藏
每一段不能实现的恋情，就是广岛之恋。
我四岁就习武，六岁单手做俯卧撑，八岁倒拔垂杨柳，十二岁力大如李元霸，正是这些原因才成就了我如今的辉煌…先不说了，又来了一车砖…
登录百度帐号我的游戏推荐游戏
后查看最近玩过的游戏
为兴趣而生，贴吧更懂你。或