1.切换目录git checkout step-12npm
start2.效果图这里在点击右边的缩略图时,会有一个很明显的从下向上的动画过程.3.代码实现:step11和step12之间的代码差异:https://github.com/angular/angular-phonecat/compare...
分类:
移动开发 时间:
2014-05-19 23:43:00
阅读次数:
695
一、photos.html页面,点击每一张缩略图,就在占位符的位置那里,显示对应的大图。看到的页面效果是这样的:1、实现思路这个功能在之前的JavaScript美术馆那里已经实现了。首先在页面中使用ul列表显示出所有的缩略图,然后使用JavaScript,for循环检查出当前点击的是哪一张图片,最后...
分类:
编程语言 时间:
2014-05-19 22:34:24
阅读次数:
477
一、主页一般都会比较有特色,现在在网站设计(二)实现的基础上,来给主页添加一点动画效果。1、这里实现的动画效果是:当鼠标悬停在其中某个超链接时,会显示出属于该页面的背景缩略图,让用户知道这个链接的页面大概内容是什么。效果图:2、实现这个效果的思路(1)把主页的几个链接的背景图片缩放到150px*15...
分类:
编程语言 时间:
2014-05-19 18:44:19
阅读次数:
342
一、photos.html页面,点击每一张缩略图,就在占位符的位置那里,显示对应的大图。看到的页面效果是这样的:1、实现思路这个功能在之前的JavaScript美术馆那里已经实现了。首先在页面中使用ul列表显示出所有的缩略图,然后使用JavaScript,for循环检查出当前点击的是哪一张图片,最后...
分类:
编程语言 时间:
2014-05-19 18:41:14
阅读次数:
342
原文:JavaScript网站设计实践(三)设计有特色的主页,给主页链接添加JavaScript动画脚本一、主页一般都会比较有特色,现在在网站设计(二)实现的基础上,来给主页添加一点动画效果。1、这里实现的动画效果是:当鼠标悬停在其中某个超链接时,会显示出属于该页面的背景缩略图,让用户知道这个链接的...
分类:
编程语言 时间:
2014-05-19 13:38:04
阅读次数:
274
原文:JavaScript网站设计实践(五)编写photos.html页面,实现点击缩略图显示大图的效果一、photos.html页面,点击每一张缩略图,就在占位符的位置那里,显示对应的大图。看到的页面效果是这样的:1、实现思路这个功能在之前的JavaScript美术馆那里已经实现了。首先在页面中使...
分类:
编程语言 时间:
2014-05-19 12:00:27
阅读次数:
313
问题一:如果第三层(图片显示层)直接用URL从服务器获取图片的缩略图,那么会出现如下严重的情况
1)每次从第二层到第三层的时候都需要连接一次服务器,这样之前加载完的图片不就没用了吗
2)每次第二层到第三层的瞬间,一次性利用很多个URL打开很多个输入流,经常会出现输入流被占用,无法获取图片...
分类:
其他好文 时间:
2014-05-16 18:01:26
阅读次数:
310
html5 canvas 前端生成缩略图更新:2013/08/01: 解决了后面遇到的bug:
图片被压扁(IOS6); 图片被旋转;整个源码放在:
https://github.com/kairyou/html5-make-thumb新方案需要后面实现的, 就是下面的旧版本里的功能(水印/是否强制...
分类:
Web程序 时间:
2014-05-16 03:24:47
阅读次数:
511
我们经常会遇到对图像进行裁剪动作,下面这段代码就是裁剪的源码处理方法是:1.当原图的宽或高任一比规定的尺寸小,只进行等比缩略处理,2.当原图的宽与高都比规定尺寸大,先进行等比缩略处理,然后算出居中位置进行裁剪/*
*$o_photo原图路径
*$d_photo处理后图片路径
*$width定义宽..
分类:
Web程序 时间:
2014-05-15 00:28:52
阅读次数:
361
一、主页一般都会比较有特色,现在在(二)实现的基础上,来给主页添加一点动画效果。1、这里实现的动画效果是:当鼠标悬停在其中某个超链接时,会显示出属于该页面的背景缩略图,让用户知道这个链接的页面大概内容是什么。效果图:2、实现这个效果的思路(1)把主页的几个链接的背景图片缩放到150px*150px,...
分类:
编程语言 时间:
2014-05-14 10:55:29
阅读次数:
387