weibing999的专栏

转载 JS弹出窗

#mask{ background:#000; opacity: 0.75; filter:alpha(opacity=75);  -moz-opacity:0.75;  -khtml-opacity: 0.75; height:1000px; width:100%; position:absolute; left:0; top:0;z-index:20;} #HR_mail{ p

原创 左侧菜单

html 结构                                            href="#collapseOne">报名登记                                                                                 href="#col

转载 CSS3自定义滚动条样式 -webkit-scrollbar

滚动条组成1 ::-webkit-scrollbar 滚动条整体部分2 ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）3 ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb）4 ::-webkit-scrollbar-button 滚动条的轨道的两

转载 Dreamweaver CC“配置错误 请卸载并重新安装该产品”解决办法

今天，我爱模板网在安装Dreamweaver CC版本时(网上的绿化版本)，绿化完成后，打开，出现“配置错误 请卸载并重新安装该产品 如果此问题仍然存在，请与Adobe技术支持联系以获得帮助，并提供屏幕下方显示的错误代码。 错误:16”：        我爱模板网估计，有可能是兼容性问题，因为我的操作系统是 win 10。我尝试着用下面的方法，解决了：

转载 30几个HTML5经典动画应用回顾 让你大饱眼福

30几个HTML5经典动画应用回顾 让你大饱眼福http://www.html5tricks.com/30-more-html5-apps.html

原创 侧栏组件

我                                        资产                                        品牌                                        直播                                        看

原创 CSS3扁平化组件侧栏

首页                连接2                连接3                侧栏菜单                                                                item1                item2                item3

原创 图片满屏伸展

满屏伸展                  123    .banner { height:397px; width:100%; position:relative;}.slides {  position: absolute; left:0px; right:0px; overflow: hidden;}

原创 css样式

background:#000; opacity: 0.6; 透明背景全屏伸展position:relative  上一层 position:absolute; top:0px; bottom:0px; left:0px;要伸展层的样式

转载 jQuery kxbdMarquee 无缝滚动

曾是 IE 下独有的一个走马灯效果的标签，其他浏览器并不兼容，于是出现了使用 JavaScript 来模拟该效果的插件。版本：jQuery v1.3.2+文档目录使用方法参数说明相关信息使用方法载入 JavaScript 文件script src="jquery.js">script>script src="jquery.kxbdm

原创 图片展示JQ

body,ul,li{ margin:0px; padding:0px;}ul{list-style-type: none;border:1px solid #ccc;width:1040px;height: 250px;margin-top: 20px;margin-right: auto;margin-bottom: 0px;margin-left: aut

原创 伸缩导航菜JQ

body{ font-family:Verdana, Geneva, sans-serif; font-size:12px; }div,ul{ margin:0px; padding:0px;}a{ text-decoration:none;}ul,li{ list-style-type: none;}.SubCategoryBox{ margin:10px auto; width

原创 鼠标经过旋转特效

.column { overflow: hidden; font-size: 0; }.justify_fix { display: inline-block; *display: inline; *zoom: 1; width: 100%; height: 0; overflow: hidden; }    .column { width:1100px; margin: 30px aut

转载 PS小技巧

PS小技巧.jpg (292.64 KB, 下载次数: 0)

转载 PS滤镜制作沉稳的蓝色牛仔棉布纹理背景效果教程

个人对这个界面的背景很感兴趣，因为它的纹理很独特，颜色也很沉稳又不失神秘，于是就琢磨了一下制作方法。也许这个背景是通过某个第三方专门滤镜生成的，也许是用某一些素材加工的，也可能是在绘图软件里面一个图层一个图层叠加出来的——我想说的意思是有很多种方法可以做出这种效果，所以以下方法仅仅是其中一种。先看效果图：（1）首先分析这个背景，通过获取网页素材我们得知这个页面是由一张图片连续平

转载 蓝色的icon

转载 那么明显，为什么用户看不见？

转载自：腾讯ISUX (http://isux.tencent.com/why-people-cannot-see.html) 作为用研，我们经常在可用性测试时听到用户说：“啊？我没注意啊！”一个操作后，页面弹出一个对话框告知用户操作成功，反馈够明显了吧？用户说：“啊？怎么没反应？”一个为了用户操作便捷而设计的常用操作入口，简约的视觉与背景区别开来。可用

转载 JavaScript内置对象属性及方法大全

java中特殊转义字符\n 回车(\u000a)\t 水平制表符(\u0009)\b 空格(\u0008)\r 换行(\u000d)\f 换页(\u000c)\' 单引号(\u0027)\" 双引号(\u0022)\\ 反斜杠(\u005c)\ddd 三位八进制\udddd 四位十六进制JavaScript1.Date 属性(1): co

转载 JavaScript方法和技巧大全

这篇介绍JavaScript方面的日志，我在是Clang上看到的。作者介绍挺全面的，所以转载过来让感兴趣的朋友看一下。呵呵～～～ 有些时候你精通一门语言，但是会发现你其实整天在和其它语言打交道，也许你以为这些微不足道，不至于影响你的开发进度，但恰恰是这些你不重视的东西会浪费你很多时间，我一直以为我早在几年前就已经精通JavaScript了，直到目前，我才越来越觉得JavaScrip

转载 网页设计怎样最美？

本文译自网站设计公司weavora.com，介绍了在他们眼里 8 个 Web 设计趋势：单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体，每个趋势后面都附了数个案例，相信对网站设计师会有一定的参考价值。像苹果网站的单页面 单个长页面的设计一度不受人待见（无论是客户还是设计师），但现在整个网络随处可见。一个合理的解释是，用户现在早已习惯于使用鼠标滚轮

转载 javascript 55个小技巧

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. IE地址栏前换成自己的

转载 HTML5 canvas

Posted on July 27, 2011 by clarkokIP: 125.83.43.99 曾经用6个不同的邮箱在我的Blog上发广告，然后被插件和谐~_~，插件是好东西啊。另外，网站主页上的动画我也改成HTML5了，让除IE外的大部分浏览器都可以看到了。===================================================

转载 关于Android引导画面的多分辨率适配

本文并非关于引导画面该采用何种形式、该如何定义信息、有什么注意事项方面的介绍。本文描述的是，引导画面该如何才能较好的适配各种分辨率，了解此处有助于更好的定义引导画面，以及保持同设计师、工程师的良好沟通。作为产品人员，需要向不同方向延伸了解一些知识，这些知识能让沟通更顺畅。这些所了解的知识，可能会有一些错误，当发现问题时，随时更新自己的知识体系。一、本文提到的引导画面的形式类似下

转载 个性化推荐界面设计

豆瓣电台听了41000多首歌，猜中喜欢的概率不算高，但通过电台发现了很多歌曲，这也体现推荐系统要平衡多样性和精准度。不像我之前吐槽的那样，依赖于播放已喜欢的歌曲，有了精准度，但是多样化不够。比较同类产品虾米，以播放热门歌曲为主，选择的成本较大，推荐长尾歌曲的力度较低。对于内容的喜欢是会随着时间和心情改变的，早期我会倾向于热门内容，在手机端听红心频道时会选择某些歌曲不再播放，最近红心频道听烦了，

转载 移动客户端UI设计指南

综合了爱疯、安卓、疯7的交互原则，适用于移动设备，比如其中的按钮尺寸、视觉大小、触控大小，唯一遗憾的是，没把字体的设计原则列进去。不过一般来讲以12Px作为基本字体大小，小号可以小至8Px,当然你也可以以14Px做基本字体，但如果以11Px字体做基本字体，可能太小，看着就会比较累。最大多少号，倒没关系，依据视觉美感来定。教你一个最笨的方法，将界面从设备上截图下来，然后到PS中看字体的尺寸。(*^_

转载 Google Glass界面设计指南分析

Google前几天公开了SXSW大会上演示Google Glass Mirror API的视频，同时还公开了一些界面设计指南。看完视频之后发现，Glass确实是一个全新的平台，在这个平台上设计产品和产品需要面对和手机、平板完全不同的游戏规则。我自己大概将其理解为砍掉手机上所有的APP图标入口，只剩下Dock上系统内置的电话短信等主功能，然后把通知系统放到更加重要的位置。接下来和大家分享一些我自己的

转载 让文字讲好banner的故事

关于banner设计的话题相信之前已经有很多设计师发表过自己的经验分享，让人看完以后也是感慨良多、受益匪浅。但是这并不妨碍我们再一次提起这个话题，每个设计师的工作方法和设计的切入角度都是不同的，今天我想跟大家着重谈谈banner中的文字设计，如何设计好banner中的文字，让文字和其他元素相辅相成达到和谐的统一。就算只是抛砖引玉，能让大家得到一丝共鸣，产生举一反三的作用，也是非常欣慰的。对于B

转载 UI应遵循的三大网站设计原则

随着技术的进化，Web设计的艺术和技巧也在不断进化。新的技术创造了新的挑战，而新的挑战要求新的解决方案。我们通常工作在未知领域，需要给出全新的解决方案。 考虑到有限的Web设计历史，我们必须超越当前的领域去回答更有挑战性的问题。为此，我们可以通过借鉴其他不相关领域的发展历史，如音乐，从中寻求可以帮助我们解决问题的方案。下面将列举一个18世纪早期关于巴赫的一个小故事。巴赫和《The Well-T

转载 界面的语言——图标与文案的二重奏

文案在界面设计中的重要性不言而喻， 但如此重要的部分却仍然没有专属的职位不得不说有一些遗憾。今天特别结合自己这段时间的工作总结和之前编译过的一篇文章来谈一谈“文案”（Copy-writing)的重要性。Facebook的“喜欢”和Google的“+1”间的区别咋看起来微不足道， 最终却足以影响到用户的行为和选择。使用合适的文字来定义控件是界面设计中最重要的一环。 杰森.佛莱德（Jason Fr

转载 定格瞬间的魅力

扫码似的浏览方式，使得网络广告能给用户留下深刻的第一印象，变的尤其重要。那些能从平乏中跳出来夺人眼球的设计作品，通常都会应用一些精彩的设计元素和处理手法。《定格瞬间的魅力》就是对这类设计元素和方法的总结。 简介1.  概念传达定格瞬间是一种思维及经验的总结：针对视觉冲击力，从用户感受的角度做了视觉效果的总结，以及对这些元素特征的分析。2.  分享目标善用“瞬间”元素，使设计

转载 用扁平化的界面设计吸引用户

什么是扁平化设计在实际当中，“扁平化设计”一词所指的是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果，从而打造出一种看上去更“平”的界面。Layervault的设计师Allen Grinshtein曾经在HackerNews的一篇文章当中说：“长久以来，网站的界面风格似乎都在遵从着同一种设计美学，大家都在用斜面、渐变、阴影一类的效果来突出界面元素的质感。对于设计师们来说，

转载 网页设计怎样最美？

本文译自网站设计公司weavora.com，介绍了在他们眼里 8 个 Web 设计趋势：单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体，每个趋势后面都附了数个案例，相信对网站设计师会有一定的参考价值。像苹果网站的单页面 单个长页面的设计一度不受人待见（无论是客户还是设计师），但现在整个网络随处可见。一个合理的解释是，用户现在早已习惯于使用鼠标滚轮

转载 设计的几大基本法则

形式美法则是多方面的，可概括为七个方面加以探讨：统一与变化、对比与调和、对称与平衡、节奏与韵律、条理与反复、动感与静感、整体与局部。1、统一与变化是形式美法则的高级形式。我们在设计版面时应注意处理好统一与变化的比重关系。统一是主导，变化是从属。统一强化了版面的整体感，多样变化突破了版面的单调、死板。但过分地追求变化，则可能杂乱无章，失去整体感。统一之美，是指版面构成中某种视

转载 【Photoshop调色教程】通用调色技巧详解

Photoshop通用调色技巧　　相信大家都照过数码照片的，可能因为当时的环境等因素的影响，造成图片的色彩不足，不够艳丽。下面这个调色技巧对于一般的数码照片是通用的，中间的数值是因每个照片的实际效果而定的。至于标准，我个人认为像我们非专业人士，只要自己感觉可以就行啦。通用调色技巧详解１、自动色阶　　图像－调整－自动色阶。（Shift+Ctrl+L）。目的是拉开图片的色彩空间感。

转载 JS 特效代码 400例

有些可能有浏览器兼容问题： JavaScript实现可以完全自由拖拽的效果，带三个范例     http://www.sharejs.com/showdetails-501.aspxjavascript实现可以自由拖动的树形列表     http://www.sharejs.com/showdetails-500.aspx带模块编辑功能拖拽效果实现     ht

转载 网页效果图设计之色彩配色索引

人们用自己的眼睛和头脑来感受色彩。这不仅仅是物理层面上的，而且包含着精神和情感层面。当我们看色彩时常常想起以前与该色相联系的感受或事物，这种因某种色彩而出现的感受，我们就称之为色彩的联想。色彩的联想是通过过去的经验，记忆或知识而取得的。这种感受的结果，就是让不同的色彩具有了其特定的意义。色彩的象征意义多数情况下也是一种文化认同。不同文化中色彩所代表的意义和给人产生的联想是大不相同的，有时可能甚

转载 网页视觉设计:如何决定你的配色方案

创造一个Palette的过程中，色调和饱和度不一定是最重要的部分，颜色彼此之间如何相互作用，在我认为是更为重要的。“我不确定那是蓝色。你能把蓝色调的更‘正’一些吗？我听说蓝色体现了一种信任感。”设计师们在他们的职业生涯中无数次地听到这样的评论，而且这也确实是很好的交流。客户并不经常这样细致的对某个颜色做出评论。配色汪汪在一定程度上反映出个人的品味或者是他们在某些文章当中阅读过有关“颜色含义

转载 网页设计师谈网页设计中的色彩理论

色彩是任何设计领域中最重要的一方面。设计师在决定了一个网站风格的同时，也决定了网站的情感，而情感的表达很大程度上取决于颜色的选择。颜色是很有力的工具，所有设计师在设计网页时就应该明白这一点。一、颜色术语你们当中很多人可能已经在学校学过一些色彩基础知识，让我们快速回顾一些术语，来更好的把握色彩和运用色彩。色轮的主要组成所有的色彩能在一个色轮中呈现。在这个色轮中，我们能把颜色分成3

转载 中国传统色彩样本与描述--实用设计色谱

国画用色 　　████ 银朱：呈暗粉色。 　　████ 胭脂：色暗红。用红蓝花、茜草、紫梗三种植物制成的颜料，年代久则有褪色的现象。 　　████ 朱砂：色朱红。用以画花卉、禽鸟羽毛。 （quester注：黄色成分微高于红色成分，色艳丽，需注意与背景色调和，多数情况下不大面积使用。）　　████ 朱膘：色橘红。明度比朱砂高，彩度比朱砂低。用以画花卉。 　　████ 赭石：色

转载 35个极简风格Web设计