- 博客(36)
- 收藏
- 关注
图片无缝左右滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h
2010-11-09 12:38:07 131
更换颜色点击不同的按钮
<link id="cssChange" href="style.css" rel="stylesheet" type="text/css" /> function setSkin(n) { var css = document.getElementById("cssChange"); var cssList=new Array("yellow.css&quo
2010-03-24 16:48:20 185
更换图片
<div id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 814px; HEIGHT: 296px;font-size:0;overflow:hidden;"&...
2010-03-24 16:40:28 249
点击按钮弹出层
<script>function msg(info){var p=document.createElement("DIV");if (!info) p.id="p";p.style.position="absolute";p.style.width=document.body.scrollWidth;p.style.height=(document.body.offsetHeigh...
2010-03-24 16:26:39 159
滑动导航二级菜单
//css样式.blogNav{width:950px;margin:0 auto; vertical-align:top;}.blogNav ul li{padding:0;margin:0;}.blogNav ul li.liTitle{margin:0 auto;width:950px;height:30px;overflow:hidden; margin-top:1px;}.blogN...
2010-03-24 16:03:29 191
不同效果的图片更换
//页面显示<div id=imgADPlayer></div> <script> PImgPlayer.addItem( "", "", "fso_image/00.jpg"); PImgPlayer.addItem( "", "", "fso_image/01.jpg")
2010-03-24 15:44:35 157
单行多条信息滚动
//css样式#shangfan{font-size: 12px; line-height:24px; height:24px; width:500px;overflow:hidden;}#shangfan ul{margin: 0px 10px;padding: 0px;list-style-type: none;}#shangfan ul li{/*文字超出本行,自动省略*/overflo...
2010-03-24 15:36:24 128
原创 css 之 ime-mode
css 之 ime-mode 语法: ime-mode : auto | active | inactive | disabled 取值: auto : 默认值。不影响ime的状态。与不指定 ime-mode 属性时相同 active : 指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活ime inactive : 指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以...
2009-12-09 08:48:52 219
原创 影响修图好坏因素
文章摘自:http://c.chinavisual.com/2009/09/09/c60749/p3.shtml个人技能:好的创意没有超一流的技术是没办法表现出来的,现实中眼高手低的情况很多,所以,技术很多时候既是基础,更是唯一先决条件! 修旧照的一般习惯(步骤):1、首先将原图复制一个或几个图层(用图层属性时就复制1、2个图层,然后合并),只对复制层操作2、在对复制层初步处理后(调曲线...
2009-09-30 16:01:40 159
IE7和Firefox中背景颜色的解决方法
昨天制作页面的时候,遇到一问题:div外层定义的背景颜色不显示?在css样式中检查了一下也没什么问题,怎么会不显示呢,最后百度一下,答案迎刃而解。原来是因为定义外层的div,div高度会随着里边的内容增多而增高,不用定义高度,用属性overflow:hidden;背景颜色就可显示。 附overflow介绍:语法:overflow : visible | auto | hidd...
2009-09-21 11:59:52 137
原创 文字设计的基本原则,要求与过程
一、文字的适合性信息传播是文字设计的一大功能,也是最基本的功能。文字设计重要的一点在于要服从表述主题的要求,要与其内容吻合一致,不能相互脱离,更不能相互冲突,破坏了文字的诉求效果。尤其在商品广告的文字设计上,更应该注意任何一条标题,一个字体标志,一个商品品牌都是有其自身内涵的,将它正确无误地传达给消费者,是文字设计的目的,否则将失去了它的功能。抽象的笔画通过设计后所形成的文字形式,往往具有明确的倾...
2009-09-18 10:52:41 402
原创 不仅仅好看!30个优秀logo的设计思想分析
拥有一个抢眼的Logo对企业来乃一大幸事,毕竟Logo千千万,但真正让人过目不忘的作品可是屈指可数。好的Logo必须量体裁衣,迅速传递出企业的价值和理念。本文里精选了30个经典的标志设计,并附上设计思想分析,相信会对你受益匪浅!Castle Print 一个打印机品牌,该Logo直截了当地体现了了企业的业务性质:利用减色模型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的...
2009-09-07 15:16:28 693
原创 网页设计趋势之:”勾引”用户的按钮
文章来自:http://www.68design.net/Web-Guide/Web-Theory/45835-1.html 点击链接
2009-09-07 09:03:34 112
ie6,ie7高度问题
I hate IE6!今天下午遇到一问题:ie6,ie7定义高度,真是很郁闷啊,捣鼓了半天也没解决,最后在百度上查了下。原来是在ie6中div有一个隐藏的属性font-size,IE6下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来...
2009-09-05 18:30:29 121
css实现渐变效果
无标题文档gradrangc使用背景图片遮盖,和一个空的span标签,还有position: absolute声明来实现文本的渐变效果。
2009-09-05 18:24:53 99
原创 overflow与text-indent:-9999px 字体隐藏及input value偏移
文章来自:http://hi.baidu.com/happyangelzyl/blog/item/ec49f0434fb91e1b72f05db3.html通常偏移掉字体的方式是使用text-indent:-9999px;可是他有一个局限性 他只适用于块级元素block而我们往往有时候想偏移掉的a上的字体所以问题就来了text-indent:-9999px;虽然用起来比较惬...
2009-08-31 15:52:50 289
多层边框的css制作-火狐
Mozilla -moz-outline CSS 有些时候我们在设计时,会把一个图形描两次边,而在网页中,只有一个border,在CSS 2中,有outline这个属性的,但是IE6尚不支持。而在Mozilla 中,我们完全拥有这个属性outline(低版本不支持,在较高的版本中已经支持)。这里介绍的是另一个moz自身属性:-moz-outline CSS 语法:-moz-...
2009-08-31 15:34:12 180
CSS3中的text-shadow属性:文字阴影
经常会看到页面中文字阴影的效果,觉得很漂亮,一般做这样的效果都是用图片显示的,现在通过定义样式就可以完成此效果。接下来看看text-shadow的语法:text-shadow:color length length length;color:颜色; length分别按顺序指“X轴方向长度 Y轴方向长度 阴影模糊半径”正值在X轴表示向右,负值表示向左.同样的道理Y轴负值是表示向上.其中任...
2009-08-25 15:32:52 350
原创 七招帮你提高网页设计水平
文章来自:http://news.csdn.net/a/20090824/213336.html 1. 学好HTML和CSS编程这条之所以成为第一条是因为它是网页设计中最重要的部分。明白网页是如何在浏览器中渲染的可以防止你做出不合理的设计,比如那些无法用网页实现的设计。要保持与时俱进,弄清楚现什么效果可以用现在的CSS技术实现,什么效果不可以。使用CSS3最新技术设计的经典案例...
2009-08-25 15:09:31 132
原创 14个专业问题
文章来自:http://www.kuhu168.cn/pj/article.asp?id=8 1、你认为网页设计应该注意哪些问题?首先应该把客户摆在第一位,在了解客户需求的基础上进行设计,所做的设计都是为了客户的需求,版式、色彩、细节、UE、SEO这些是需要在设计中注意的。2、你喜欢什么风格的网站?每个人的喜好不同,但是在为客户设计的时候,不可以凭自己的喜好去做,而是应该考虑客户的需求。沟...
2009-08-15 09:18:13 210
原创 Web图片优化总结
图片的SEO是网站搜索引擎优化中的最重要的部分之一。对网站的图片进行搜索引擎优化(SEO)不仅会给网站带来更多额外的流量,还能带给访问者更好的用户体验。本文中总结了在图片优化中需要注意的16个技巧。 1. 在图片的alt标签(替换文字)中加入关键字。 2. 标准的图片嵌入代码应当包含的5个关键性标签:src、width、height、alt和title。替换文字(alt )是...
2009-08-06 08:39:24 81
原创 解决IE6与IE7显示PNG格式图片的差别代码
文章摘自:http://zhutengpeng.cn/blog/ 众所周知,PNG格式图片由于出色的色彩与无损压缩,8位256色索引透明、和32位真彩Alpha透明等等诸多特性渐渐变得普及。。越来越多的朋友开始选择采用PNG格式图片来制作站点。但是好东西不一定有良好的浏览器支持。譬如说IE6,显示PNG格式带有阴影透明效果的图片会有一层灰色的背景,大大降低了图片的质量。但是IE7对PNG得...
2009-08-01 18:14:14 136
原创 CSS hack:区分IE6,IE7,firefox
文章转自:http://www.div-css.com/html/standard/hack/1136667.html区别不同浏览器,CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;backgroun...
2009-07-02 08:42:30 84
实用代码片段
1.设为首页 收藏本站<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.makewing.com/');">设为首页</a><a href="javascript:window.external.AddFavorite('htt...
2009-05-26 11:01:51 101
随滚动条滚动的两侧的层
最近工作中遇到了随滚动条滚动的层,在网上查了下有很多关于这方面的内容,感觉有点麻烦,还是自己总结下的好,既简单又实用。代码如下: <script type="text/javascript">function FloatTop(){ var startX1 =document.body.scrollLeft+document.body.offsetWidth-115 ,sta...
2009-05-05 09:16:46 71
原创 网络营销人员21条基本能力要求
来自:1024互动营销作为电子商务的研究者,网络营销实在是必修之课,通过对冯英健和其他同仁的研究,这里总结归纳出,做为网络营销人员,需要具备的21条基本能力要求 1.文字表达能力 把问题说清楚!这是作为网络营销人员的基本能力,如果真正做到把问题说清楚,那已经很了不起了。不信?你不妨看看一些公司的产品说明书,看看一些网站的产品介绍,仔细分析一下他们有没有把问题说清楚。很多网站对用户希...
2009-04-30 14:15:31 158
原创 CSS为图片添加更多趣味的5种方法
文章转自暴风彬彬 BLOG:http://blog.bingo929.com/spice-up-your-images-with-css-5-way.html1, 阴影效果.通过使用带有一些padding之的背景图来添加阴影效果。演示:http://www.sohtanaka.com/web-design/examples/drop-shadow/dropshadow.htmHTML:<...
2009-04-29 17:38:25 65
原创 CSS---竖着的文字导航菜单制
来自走走停停看看的博客 网上目前两种方法竖排,一种是用 writing-mode:tb-rl;另一种是用 layout-flow: vertical-ideographic;但遗憾的是,这两种方法都基本是 IE Only 的……那么维基文库是如何做到的呢?随便翻看一下代码,恍然大悟~<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran...
2009-04-29 17:13:12 446
CS4的内容识别比例命令
今天看到有关ps cs4版本中的其中一项应用,很是实用。 内容识别比例让我们省去了大量、复杂的后期修补、润饰工作,并且不再忍痛裁切掉必要的画面。该功能给我的感觉是八个字“能屈能伸、刚柔并济”。 使用Photoshop CS4的内容识别比例命令试试,该命令位于主菜单“Edit>Content-Aware Scale”。 做出来的效果果然不变形,不过,您千万别指望计算机程...
2009-04-28 17:19:03 209
相对位置和绝对位置
这两天接触到css中定位的问题,常用的属性有两个:relative(相对)和absolute(绝对),虽然我们都知道这两个属性的意思,但具体到这条指令的用法还是不清楚,这里做一些细致的分析。 position:relative; 表示相对定位,被定位了这个属性的标签在所属的范围内可以进行上下左右的移,这里的移动与padding或是margin所产生的位置变化是不一样的。padding与ma...
2009-04-27 12:20:48 396
原创 杨澜告诫女孩
一:拥有品位 女孩到了二十几岁后,就要开始学着用心的经营自己了,它体现在自己的外表以及涵养上,每一个女孩都是特别的,都应该有自己独特的品位,可能很多女孩会觉得品位与时尚或奢侈品是挂钩的,其实不是,品味是一个人去观察事物时的态度,同样的东西,不同的人眼光下会出现着不同的版本,物品本身的价值与品位的高低是没有关系的,女孩要用自己的目光去欣赏一件东西,用高级的品味去挑选东西。 在某些程度上,一个...
2009-04-24 10:52:10 89
针对html中radio多对多的js使用
<script type="text/javascript"> <!-- function $(obj) { return document.getElementById(obj); } function dk_onClick(dk,obj) { var radio=document.getElementsByName("ra...
2009-04-20 14:15:33 194
tab选项卡
最近做东西,常用到的东西了。<style type="text/css"><!--.tab1{ background-image:url(../img/tab1.jpg); background-repeat:no-repeat; width:59px; height:25px; font-size:12px; color:#1f376d; line-height:2...
2009-04-20 13:27:04 79
让Flash乖乖躲到Div浮动层下去
发现网站首页中因为放了好多Flash,结果把几个浮动的都挡住了。 第一想到的当然是把浮动层的z-index调高,但似乎z-index对Flash不起作用。又想到:把Flash设为透明呢?一试之下果然好用:只要在Flash对象加入页面时生成的HTML代码中加入以下参数就可以让Div浮动层从Flash下露出来了:<param name="wmode" value="transparent...
2009-04-20 11:13:02 113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人