2016-9-18
完成了：
（1）看了30天；
（2）看了专套本；
（3）9-9看完了。
以下为9-9收获：
腾讯、搜狐等新闻左边和右边是空白的是为了兼容。
添加一个盒子：conationer，化妆：{width:810px;height:730px;background:yellow;margin:100px auto;}
在conationer盒子里面添加一个标题:h1，化妆：{text-align:center;line-height:100px;font-family:"微软雅黑";color:#44abc1;text-shadow(阴影value为左右/上下/模糊度/颜色):0px 0px 5px #666;}
给文字添加呼吸效果:关键帧（拍电影）使用：@keyframes ShowTest{from{text-shadow:0px 0px 10px red;}50%{text-shadow:0px 0px 5px orange;}to{text-shadow:0px 0px 10px yellow;}}电影上映了(在h1里面写)：{animation:ShowTest(电影名) 3s linear infinite渐变的速度();}
添加未选已选已购的砖头：在conationer盒子里面再添加一个盒子seathead来概括这三个砖头：写3个<span class="spitem"><span class="icon"></span>未选，再给盒子seathead化妆：{text-align:center;color:#fff;font-weight:600;}</span>再给icon化{width:21px;height:21px;background:red;display(以砖头的形式展示):inline-block;background(添加图片的背景):url("images/1.gif");margin-left(分开一点):10px;cursor(滑上去有个什么效果):pointer(指针);}
给砖头起两个名字，方便调出图片(背景定位)：<span class="icon s0">，给s0化妆：{background-position(调试图片x、y轴):0px 0px;}
添加座位：在conationer盒子里面再添加一个盒子seatbox，再化妆：{width:100%;height:330px;background:red;marigin-top:30px;}，在seatbox里面写<ul><li>(里面写icon标签)<span class="icon s0"></span></li></ul>去小黑点：ul li{list(列表)-style:none;}没有显示出来是因为没有写入图片的路径
化妆对<pre></pre>无效，对<p></p>有效；padding-left:内边距，内容与边框的距离(左)
添加雪花：引用类库后在script里面写createSnow('',60);导入雪花的图片于images里面
添加点击效果(先要导入官方类库)：(在script里面写)$(function(){$("#seatbox_div").find([找到span里面的icon]"span.icon").on[给它添加一个点击事件]("mousedown",function(){alert(0);});})在seatbox盒子后面写：id="seatbox_div"，把alert(0)换为：if($(this).hasClass("s3")){alert(“此位置已被预订”);return;$(this).toggleClss("s1 s2");}
$(this)是当前点击的这哥们包含了.hasClass("s3")就执行方法;.toggleClass是切换
最简单的点击事件：$(document).click(function(){alert(0)});或$("#seatbox_div").click(function(){alert(0)});//document不用打双引号
点击的时候圆圈放大消失(类似keke老师):
1：点击事件触发圆圈div出来：function Guyun(event){var $div=$("<div></div>");$div.addClass("gyun").attr("id","gunbox");$("body").append($div);} 在添加点击效果的 $(this).toggleClss("s1 s2");的后面写：Guyun(event);
定义一个方法，$是匿名函数，创建一个div,给div添加样式，名字叫gyun,给它添加一个标签样式,名字叫gunbox，把它添加进去，我要设定样式
然后在化妆里面写：.gyun{width:100px;height:100px;background（背景颜色）:linear-gradient(rgba(134,130,130,0.5),rgba(225,225,225,0.5));border-radius(圆角):50%;position:absolute;}跟着我鼠标跑要定位呀：position:absolute;仅仅是这样还是不够的，鼠标的坐标（在Guyun里面传一个圆进来Guyun(event)，然后在点击事件后面接着写var x(距离左边的距离x)=event.pageX;var y(距离顶部的距离y)=event.pageY;这样肯定是不行啦，看好啦：//设定位置：$div.css({left:x, top:y});光这样写是不行的我要把它附上去：得让圆心在鼠标中间，得写个偏移量：var l=x-$div.width()/2;var t=y-$div.height()/2;改$div.css({left:l, top:t})要让它扩散出去:$div.css({left:l, top:t, transform(放大20倍):"scale(20)", opacity(透明度):0, }).delay(400);在.gyun里面化妆{transition(设置时间):all 1s ease;}想要让它移除，继续在delay(400)后面写.fadeOut(消失)("fast"(快速消失),(消失之后给它一个回掉函数)function(){ $(this).remove(); }):）
不产生下面图片神器：body{overflow:hidden;}
取消拖拽文字效果：<html onselectstart="return false">
JAVA最高境界：背景定位(减少服务器请求次数，加快速度)
完成了：
（1）看了30天；
（2）看了专套本；
（3）9-9看完了。
以下为9-9收获：
腾讯、搜狐等新闻左边和右边是空白的是为了兼容。
添加一个盒子：conationer，化妆：{width:810px;height:730px;background:yellow;margin:100px auto;}
在conationer盒子里面添加一个标题:h1，化妆：{text-align:center;line-height:100px;font-family:"微软雅黑";color:#44abc1;text-shadow(阴影value为左右/上下/模糊度/颜色):0px 0px 5px #666;}
给文字添加呼吸效果:关键帧（拍电影）使用：@keyframes ShowTest{from{text-shadow:0px 0px 10px red;}50%{text-shadow:0px 0px 5px orange;}to{text-shadow:0px 0px 10px yellow;}}电影上映了(在h1里面写)：{animation:ShowTest(电影名) 3s linear infinite渐变的速度();}
添加未选已选已购的砖头：在conationer盒子里面再添加一个盒子seathead来概括这三个砖头：写3个<span class="spitem"><span class="icon"></span>未选，再给盒子seathead化妆：{text-align:center;color:#fff;font-weight:600;}</span>再给icon化{width:21px;height:21px;background:red;display(以砖头的形式展示):inline-block;background(添加图片的背景):url("images/1.gif");margin-left(分开一点):10px;cursor(滑上去有个什么效果):pointer(指针);}
给砖头起两个名字，方便调出图片(背景定位)：<span class="icon s0">，给s0化妆：{background-position(调试图片x、y轴):0px 0px;}
添加座位：在conationer盒子里面再添加一个盒子seatbox，再化妆：{width:100%;height:330px;background:red;marigin-top:30px;}，在seatbox里面写<ul><li>(里面写icon标签)<span class="icon s0"></span></li></ul>去小黑点：ul li{list(列表)-style:none;}没有显示出来是因为没有写入图片的路径
化妆对<pre></pre>无效，对<p></p>有效；padding-left:内边距，内容与边框的距离(左)
添加雪花：引用类库后在script里面写createSnow('',60);导入雪花的图片于images里面
添加点击效果(先要导入官方类库)：(在script里面写)$(function(){$("#seatbox_div").find([找到span里面的icon]"span.icon").on[给它添加一个点击事件]("mousedown",function(){alert(0);});})在seatbox盒子后面写：id="seatbox_div"，把alert(0)换为：if($(this).hasClass("s3")){alert(“此位置已被预订”);return;$(this).toggleClss("s1 s2");}
$(this)是当前点击的这哥们包含了.hasClass("s3")就执行方法;.toggleClass是切换
最简单的点击事件：$(document).click(function(){alert(0)});或$("#seatbox_div").click(function(){alert(0)});//document不用打双引号
点击的时候圆圈放大消失(类似keke老师):
1：点击事件触发圆圈div出来：function Guyun(event){var $div=$("<div></div>");$div.addClass("gyun").attr("id","gunbox");$("body").append($div);} 在添加点击效果的 $(this).toggleClss("s1 s2");的后面写：Guyun(event);
定义一个方法，$是匿名函数，创建一个div,给div添加样式，名字叫gyun,给它添加一个标签样式,名字叫gunbox，把它添加进去，我要设定样式
然后在化妆里面写：.gyun{width:100px;height:100px;background（背景颜色）:linear-gradient(rgba(134,130,130,0.5),rgba(225,225,225,0.5));border-radius(圆角):50%;position:absolute;}跟着我鼠标跑要定位呀：position:absolute;仅仅是这样还是不够的，鼠标的坐标（在Guyun里面传一个圆进来Guyun(event)，然后在点击事件后面接着写var x(距离左边的距离x)=event.pageX;var y(距离顶部的距离y)=event.pageY;这样肯定是不行啦，看好啦：//设定位置：$div.css({left:x, top:y});光这样写是不行的我要把它附上去：得让圆心在鼠标中间，得写个偏移量：var l=x-$div.width()/2;var t=y-$div.height()/2;改$div.css({left:l, top:t})要让它扩散出去:$div.css({left:l, top:t, transform(放大20倍):"scale(20)", opacity(透明度):0, }).delay(400);在.gyun里面化妆{transition(设置时间):all 1s ease;}想要让它移除，继续在delay(400)后面写.fadeOut(消失)("fast"(快速消失),(消失之后给它一个回掉函数)function(){ $(this).remove(); }):）
不产生下面图片神器：body{overflow:hidden;}
取消拖拽文字效果：<html onselectstart="return false">
JAVA最高境界：背景定位(减少服务器请求次数，加快速度)
扫一扫
4276
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
