wangxiaohui6687的专栏

原创 我的第一个jq效果

无标题文档            $(function(){            //alert($("ol li").length);                $("ol li").each(function(){//ol中的每一个li                        $(this).mouseover(function(){

转载 网页设计和制作的流程

原创 Expression Blend---------- 布局控件快速入门StackPanel,ScrollViewer和Border

上一篇，介绍了Canvas布局控件在Blend中的使用。本篇继续介绍布局控件StackPanel,ScrollViewer和Border。相对于Grid和Canvas来说，StackPanel,ScrollViewer和Border是比较简单的布局控件，实现的功能相对来说单一。首先来说说StackPanel控件。从字面意思理解，是堆栈面板的意思。堆栈内的所有内容将按照顺序进行排列，

原创 Expression Blend------- 布局控件快速入门Canvas

第一类： Layout Controls（布局控件)第二类： Item Controls （项目控件)第三类： User Interaction Controls（用户交互控件) 在以上三种控件类型中，布局控件是最基础的，所以，我从布局控件开始一个快速入门介绍，根据前文所述，我们知道Silverlight标准控件中，包括以下四种布局控件：Grid控件Canvas控件 S

原创 Expression Blend--------------布局控件快速入门Grid

XAML概述Silverlight的控件绘制是由XAML语言进行支持的。什么是XAML语言？简单的说，XAML（Extensible Application Markup Language ）是一款基于XML的描述性语言，中文也叫做可扩展应用程序标记语言。 该语言是由微软开发创建，主要用于构建WPF和Silverlight应用程序用户界面。XAML是Silverlight用户界面设计的基础

原创 Silverlight & Blend动画设计系列七：模糊效果（BlurEffect）与阴影效果（DropShadowEffect）

模糊效果（BlurEffect）与阴影效果（DropShadowEffect）是两个非常实用和常用的两个特效，比如在开发相册中，可以对照片的缩略图添加模糊效果，在放大照片的过程中动态改变照片的大小和模糊的透明度来达到一个放大透明的效果。 一、模糊效果（BlurEffect）　　Silverlight中的每个对象都是支持添加模糊和阴影效果的， 在Blend工具中通过“外观”面板可以直

原创 Silverlight之UI设计学Blend五【基本布局控件4】

布局控件分组：每一个布局控件都可以为了方便控制，都可以进行分组，拿Canvas举例：可用Shift点击想要合并为一组的控件，再点击鼠标右键，“分组(Group into)” - > “Canvas“，将多个Canvas嵌入到一个Canvas控件中，通过父Canvas控件统一控制子容器控件的属性。选中后，Blend将生成新的Canvas父控件，将选中的四个Canvas控件，作为子控件

原创 Silverlight之UI设计学Blend五【基本布局控件3】-----------ScrollViewer\Border\Viewbox

4、ScrollViewer只能嵌入一个子控件，onlyOne！如果想要多个控件，可以先放入一个容器。所以在多数情况下，ScrollViewer控件都会和Stackpanel，Canvas和Grid相互配合使用。如果遇到内容较长的子控件，ScrollViewer会生成滚动条，提供对内容的滚动支持。Properties属性栏进行设置控制，可以禁用，隐藏，或者设置仅在需要时候自

原创 Silverlight之UI设计学Blend五【基本布局控件2】------Canvas控件\stackPanel控件

2、Canvas控件可以嵌入任何控件，它的优势在于可以自由的放置其区域内控件的位置，控件可以相互覆盖，可以实现部件独立控制。选中Canvas中的控件，可以在右边“Properties”属性栏中看到该控件在容器Canvas中的位置由Left左距离，Top顶距离，以及Z坐标值控制。类似于HTML当中的绝对定位。Z坐标，Zindex数值，如果有两个Canvas控件，位置坐

原创 Silverlight之UI设计学Blend五【基本布局控件1】

Expression Blend开发三要素：- 掌握布局控件（Layout）- 理解动画设计（Animations）-  理解状态和模板 （States，Templates）首先，从基本布局控件开始，后面将会学习动画设计和状态、模板：如果您有HTML的设计经验，也可以简单的把布局控件理解为HTML中的Table标签。在任何一个Silverlight或者WPF项目

原创 Silverlight之UI设计学Blend四【界面快速入门

[界面整体面板功能位置介绍]先是界面的一个整体效果。菜单栏： 项目面板： 主要工作区：对象和时间线：用该面板对页面控件对象进行分层管理，也可以对当前对象进行动画设计 工具面板： 展开的控件：包含所有控件，样式集合，行为代码集合以及动画效果和媒体文件集合。 文档切换栏：显示所有打开的项目文件，可以自由

原创 Silverlight之UI设计学Blend三【快速建立项目】

首先使用Blend按照以下步骤创建一个新的Silverlight项目：1、点击左上角，文件——新建项目：这时弹出一个创建项目框：我们选择“Silverlight应用程序+网站”，选择该选项后，Blend会自动创建Web项目，编译后运行，会在Web项目中产生测试页面，在客户端显示Silverlight客户端。名称，根据自己想要制定的项目

原创 Silverlight之UI设计学Blend二【软件安装】

1、安装silverlight.exe2、dotNetFx40_Full_setup.exe （用来运行项目）3、ExpressionStudio_UltimateTrial_zh-Hans.exe （Expression Studio中文破解版）下载页面：http://www.pin5i.com/showtopic-expression-studio-4-ultimate-msd

原创 Silverlight之UI设计学Blend一【软件介绍】

[Expression Blend软件介绍及学习内容参考]                                        Expression Blend（下称Blend），是一款用于设计桌面和Web应用用户界面的可视化工具。用户可以通过拖拉控件方式创建用户交互界面。在Blend中，可以快速导入PhotoShop图形和Illustrator矢量图，方便项目UI设计。

原创 input标签样式

input{background-color: #FFFFFF;    color: #CCCCCC;    height: 22px;    line-height: 22px;    width: 162px;}实现的是第二种样子

原创 网站收藏

1、http://www.uimaker.com/      ui制造者2、http://www.qianduan.net/category/tips   前段观察3、http://beniao.blog.51cto.com/389148/310347           Silverlight & Blend动画设计系列4、http

原创 图片加文字说明

姓名：王如军                            就职：腾讯科技                            职位：网页设计师                            年薪：5万

原创 创建锚点

1、设置锚点 把光标置于文档窗口想要设置锚点的地方（就是你所说的页面顶端）点击插入面板中”常用”／”常用锚记”。在弹出的对话框中起一个锚名字（如aa） 2、创建锚点链接 选择要建立链接的文本或图像，在属性面板的链接中输入一个#号和锚点名。（例如：#aa） 要链向不同页面中的锚点，则点击链接边的文件夹小图标，在打开对话框中选择要链接的文件，按"确定"键后在"属性"面板的链接栏中会显示链接的文件

原创 超链接的方法

href=链接目标title=”注释”target=”打开链接窗口的形式”>显示内容_blank在新窗口中打开_self在自身窗口中打开(默认值)_parent在上一级窗口中打开，框架会经常使用_top在浏览器的整个窗口中打开，忽略任何框架例子：www.baidu.com" target="_blank">百度一下这个是在新页面打开www

原创 圆角导航的切法和写法

css.nav{width:800px; height:34px; background:#eaeaea; margin:0 auto; line-height:34px;}.span1{display:block; width:8px; height:34px; float:left; background:url(../images/bg_a.jpg) 0px 0px no-repea

原创 素材图库

1、http://www.websbook.com/sc/sc_img/list_21_1.html 网页设计师2、http://www.tutu001.com/JPG/图图网3、http://www.lanrentuku.com/懒人图库4、红动中国

原创 对IE的hack,css精灵,还有css的一些简写

IE的if条件Hack IE的if条件Hack可以让IE区别于其它浏览器和IE个版本之间的浏览器，它利用...这样的语法让IE浏览器对齐进行解析，属于IE浏览器专有。  Only IE 所有的IE可识别 Only IE 5.0 只有IE5.0可以识别 Only IE 5.0+ IE5.0包换IE5.5都可以识别 Only IE 6- 仅IE6可识别 Onl

原创 ps中的后羽化

1、新建一个图层1，画出一个形状；2、ctrl+enter  激活形状；3、填充颜色；4、再新建一个图层2{形状要保留}5、在选着菜单栏上的“选择”-----“修改”------“羽化”{快捷键shift+f6}；选择羽化值；6、填充颜色；7、把图层1放在图层2的上面。修图后羽化：图像形状激活——反选——后羽化值——delete

原创 透明花瓶

暗调选区备用通道：3.背景填黑，将花瓶拖至此文件，花瓶反相（Ctrl+I）;4.复制红色通道，色阶，选择设置黑场，吸取花瓶中灰色部分;亮调选区备用通道：5.回到图层1，花瓶反相（Ctrl+I）;6.在通道中复制绿色通道，色阶，黑色吸管吸取花瓶中灰色部分;分别调出亮调和暗调的选区=-- 并填充：7.建层——选出红色通道选区填充黑色；8.

原创 css小技巧

1.若有疑问立即检测　　在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http://validator.w3.org 请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。2.使用浮动功能时记得适当清除指令 　　浮动是个危险的功能，未必会产生您所

原创 微软推出可以和PS媲美的软件

Microsoft Acrylic 2005.08 CTPAcrylic(codename)是微软刚刚启动的类似于Photoshop的设计软件，主要设计思想是取代Windows中内置的Microsoft Paint画图程序，像PS一样，Acrylic具有“层”的概念，这会给绘图带来不少方便。　　这是微软于2005年8月15日发布的一个Community Technology P

原创 css中li中控制文字字数，并显示省略号

text-overflow:ellipsis的巧妙运用 取值：clip ：默认值 。不显示省略标记(...)，而是简单的裁切.ellipsis： 当对象内文本溢出时显示省略标记(...). 可惜text-overflow 还只是ie的私有属性而已，也没被收录到w3c标准里 . 如果想让某个容器（div或者li或者...块级元素）显示一行文字，当文字内容过多时，不换行

原创 flash中常用遮罩的效果制作

1、画光：用矩形工具画一个长方形矩形，不描边。光的三种颜色都选白色，两边的白色透明度调为0，采用上下渐变。并移动需要发光的位置，创建一个传统补间。2、新建图层做形状：用刷子工具突出想要发光的形状；3、然后使用遮罩，就好了。

原创 flash文字效果

洋葱皮效果：1、写上文字2、新建图层：空一个空白关键帧，复制上一图层，并放在第一个图层的下面3、再新建图层并继续重复上面的操作4、调整透明度，从上往下，透明度一层比一层低；