摘要: 先上效果图: 包含五个板块 home、about、portfolio、contact和footer 底部的图片不动,就像板块浮在上面。 css文件:(取名为studio.css) 1 html,body{ 2 padding:0; 3 margin: 0; //解决了底部footer跟浏览器的间隙问 阅读全文
posted @ 2016-08-06 18:48 白一 阅读(1705) 评论(0) 推荐(0) 编辑
摘要: 先上效果图: css代码: 1 h1{ 2 font-size: 50px; 3 font-family: Georgia; 4 } 5 h2{ 6 font-size: 30px; 7 } 8 #container{ 9 position:relative; 10 background-color 阅读全文
posted @ 2016-08-06 18:05 白一 阅读(1122) 评论(0) 推荐(0) 编辑
摘要: 计分的规则如下: 普通:各色小动物都是 10分 直线特效(4个小动物同时消除)1.5倍 爆炸特效(构成“L”型或“T”型)2倍 直线+直线(“十字架”效果)3倍 具体代码: 1 function calscore(hor_num,ver_num,x,y){ 2 var addscore=0; 3 / 阅读全文
posted @ 2016-07-31 20:14 白一 阅读(593) 评论(0) 推荐(0) 编辑
摘要: 三消乐的规则就是:当一行或者一列满足有三个以及三个以上相同的动物就消除。 具体步骤: 1、html+css实现网格,本人用的是div 2、实现网格上任意相邻的两张图片能够交换 3、一行一列有相同的要消除,同时要补上 4、补上的时候用上全盘扫描,扫描是否有满足消除的动物 代码如下: 1 <html> 阅读全文
posted @ 2016-07-30 16:32 白一 阅读(6781) 评论(1) 推荐(2) 编辑
摘要: 小游戏:九宫格也可以叫三子棋,边学习js边练习,界面长这样: 步骤: 1、画好九宫格 2、实现点击后把图片放上去(绑定监听事件) 3、交替画图 4、把每个div关联到一个二维数组,方便以后计算 5、计算如何才算赢 上传两颗蠢蠢的棋子 具体代码: 1 <!DOCTYPE HTML> 2 <html> 阅读全文
posted @ 2016-07-23 11:22 白一 阅读(6180) 评论(0) 推荐(1) 编辑
摘要: 上一篇博文中,关于按钮按下的效果回过头研究了下,总结了如下三种方法,只写出关键样式: 1、相对定位 2、主要利用外边距这个属性,鼠标移动到按钮位置时,按钮上外边距增加2px,下外边距减少2px(相当于走出去2px又退回来2px),就可以达到按下效果,如果只是单独写margin-top:2px;鼠标移 阅读全文
posted @ 2016-07-20 08:51 白一 阅读(1905) 评论(0) 推荐(1) 编辑
摘要: 第一次动手写一个小界面,没有html跟css的基础,今天琢磨了半天,成果在这,直接上图(从自己的csdn博客复制过来,前两天账号出现问题) 1 <html> 2 <head> 3 <style type="text/css"> 4 5 //定义各个块:主要的框框、大标题、文本框、按钮块 6 div# 阅读全文
posted @ 2016-07-20 08:46 白一 阅读(661) 评论(2) 推荐(0) 编辑
摘要: requestCode: 用于判断传过来的数据来自于哪个activity resultCode: 当一个Activity有多种数据传过来时,resultCode就可以用来判断传过来的数据的类型 下面用一个例子说明吧,首先看结果 说明: 三个按钮两个编辑框 点击单选联系人与单选回复有两个activit 阅读全文
posted @ 2016-05-30 17:45 白一 阅读(4485) 评论(0) 推荐(0) 编辑
摘要: 有时候我们需要在fragment与Activity之间通信,下面简单的总结下。 首先贴一个结果吧。在输入框中输入信息-->按钮-->弹出消息toast 分两部分: Activity——>Fragment 在Activity中创建Bundle数据包,并且调用Fragment的setArguments( 阅读全文
posted @ 2016-05-29 15:12 白一 阅读(704) 评论(0) 推荐(0) 编辑
摘要: 程序分析: 主要分两个部分 (1)先拍照,然后剪切,最后显示出来。 (2)从相册中选择一张照片进行剪切然后显示出来 代码参照《第一行代码》,书中的代码运行时(2)出现了问题,无法剪切图片且无法加载图片 MainActivity.java代码如下: 1 package com.example.lynn 阅读全文
posted @ 2016-03-28 16:10 白一 阅读(1682) 评论(0) 推荐(0) 编辑