因为不必考虑宽度变化带来的麻烦,所以制作宽度固定的圆角框比制作适应宽度的圆角框要简单很多。关键在于如何合理地使用背景图像。一、两背景图像法本例制作如图1所示的圆角框,使用两个背景图像文件,宽度固定。这种方法只适用于制作单色圆角框。本实例文件位于网页学习网CSS教程资源中“第11章\01\basic....
分类:
其他好文 时间:
2014-06-28 19:38:12
阅读次数:
549
1、图层背景图层:双击解锁右下按键:新建图层、删除图层、新建图层组眼睛-图层的显示与隐藏缩略图大小选择:右上三角-面板设置打开那个图片然后选择工具里面的移动工具然后按住鼠标拖动,拖到那个图片里。2、Bridge是Photoshop CS5自带的文件快速查看器,可以方便我们快速查找及打开所要的文件。3...
分类:
其他好文 时间:
2014-06-28 16:34:27
阅读次数:
254
今天,我们想向您展示如何创建平铺背景图像的幻灯片效果。其灵感来自于国外的一个工作室网站(围观),这个网站充满了各种有趣和创意效果,一定记得去看看。这个幻灯片效果是由四个区域的独立移动构成,通过画面分割,同时显示出新的图片。这里需要组合使用 CSS3 的3D转换、过渡和动画功能。
分类:
其他好文 时间:
2014-06-27 21:06:33
阅读次数:
341
今天在用background-position进行BODY背景图定位的时候发现100% 100%理应定位在右下角,结果却不一致,查了下语法也没问题结果发现是background-attachment:fixed加上后才能定位到自己预定的位置。发现一个规律:当使用像素定位的时候比如100px 200p...
分类:
Web程序 时间:
2014-06-26 17:26:22
阅读次数:
199
(一)先看下面这些代码:
class PrettyMenu {
public:
void changeBackground(istream& imgSrc);
private:
Mutex mutex; //由于这个class希望用于多线程环境,所以它有这个互斥器作为并发控制之用
Image* bgImage; //目前的背景图像
int imageChan...
分类:
编程语言 时间:
2014-06-25 08:35:48
阅读次数:
339
css中用一张背景图做页面的技术有什么优势?简单介绍一下CSSSprites 的优点:当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。实现方法:首先将小图片整合到一张大的图片...
分类:
Web程序 时间:
2014-06-24 13:39:49
阅读次数:
207
一.爱奇艺IOS客户端发现—活动页面中“动画屋”活动开始页面的开发。
活动开始页面的开发主要需求是
1. 根据产品方提供的原型图实现基本页面的结构与布局。
根据原型图分析出页面分为三大块:app下载按钮以及背景图;话题以及评论输入框和评论发表按钮;最新评论展示。
根据分析构造结构与布局。
Html
根据分析内容构造的html结构:大体规则按照分块与语义化结合。上述三块内容分为三块div...
分类:
移动开发 时间:
2014-06-22 18:31:21
阅读次数:
346
做时钟的主要原因是因为喜欢,觉得它好看(本人对特效有点爱不释手……)。做的时候感觉工程量会有点大,做着做着发现实现起来其实并不难,只要理清思绪,其实还蛮简单的(我制作东西喜欢整体方向制定好,然后边做边找感觉,最后可能会有不一样的惊喜)。 我这里采用了时钟的背景图片,第一我觉得图片好看,第二我觉...
分类:
Web程序 时间:
2014-06-20 17:40:43
阅读次数:
267
在本案例中,要实现如图1所示的圆角菜单效果。如果通过背景图片来使用前面介绍的滑动门技术,也是可以实现的。但在本案例中,我们采用另外一种方法来制作,其特点是不使用任何图像文件,仅通过CSS本身来实现这样的效果。该实例文件位于网页学习网CSS教程资源的“第8章\05\rounded-navi.htm”。...
分类:
其他好文 时间:
2014-06-20 16:33:51
阅读次数:
300
本例的目标是实现带有两侧箭头的菜单效果,如图1所示。这里的箭头效果没有使用任何背景图像文件,而是完全依靠CSS代码实现的。图1 箭头菜单效果该实例文件位于网页学习网CSS教程资源的“第7章\04\arrow-navi.htm”。一、基本思路既然这里不允许使用背景图像来制作这个三角形的样式,那么如何产...
分类:
其他好文 时间:
2014-06-20 16:17:36
阅读次数:
298