HTML+CSS
hemingwang0902
纸上得来终觉浅,绝知此事要躬行.
展开
-
Js+CSS横向导航菜单
效果图: 以下是源代码:> html> head> meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> meta http-equiv="Content-Language" content="zh-CN" /> tit原创 2007-11-28 08:05:00 · 5404 阅读 · 1 评论 -
非常全的javascript控制MediaPlayer的属性集合
播放: MediaPlayer.Play() 暂停: MediaPlayer.Pause() 定位: MediaPlayer.SetCurrentEntry(lWhichEntry) MediaPlayer.Next() MediaPlayer.Previous() 循环: MediaPlayer.PlayCount = 0 0:the clip plays repeatedly 1:once 停转载 2009-07-03 13:57:00 · 745 阅读 · 0 评论 -
比较全的仿Google、3721等网站个性化首页源码
1.仿netvibesnetvibes名气很大,国外的一个网站,现在也支持中文了。这个仿netvibes的源代码很早就有了,作者不详,可惜就是老是出错-_-!后台使用asp,没演示下载地址:http://www.ajaxa.cn/article/81.html2.精仿3721整站仿3721,代码貌似是从3721另存下来的,想要在这的基础上再开发的可能性不大u原创 2009-10-11 18:34:00 · 1695 阅读 · 0 评论 -
网站导航设计趋势案例集合
在网站应用性中,导航菜单应该是最重要的部分了,优秀的导航设计不仅可以方便用户浏览网站内容,还能在第一时间给用户准确的信息传达,直观地表现网站的内容涉猎,让用户更方便地找到想要的需要的内容,这里整理了当前网站设计中流行的特色导航设计案例,这也表明了网站导航设计的一个未来趋势。1、3-D 导航3-D 风格的导航菜单可以表现的更突出,能在整个页面的设计中凸显导航功能,并且向用户传达直观转载 2010-01-18 18:44:00 · 829 阅读 · 1 评论 -
整理及优化CSS代码的7个原则
作为网页设计师(前端工程师),你可能还记得曾经的那个网页大小建议:一个网页(包括HTML、CSS、Javacript、Flash和图片)尽量不要超过30KB的大小,随着互联网的日益庞大,网络带宽也在飞速发展,很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎的CSS布局和Javascript对网站用户体验的强化,使得这种现象越来越普遍,尤其是对于大型网站来说,仅仅一个CSS转载 2009-12-24 09:32:00 · 1070 阅读 · 0 评论 -
使用CSS完美实现垂直居中的方法
使用XHTML+CSS来实现元素的垂直居中一直是前端开发中的一个比较复杂且棘手的问题,作为网页设计师或前端开发工程师,这个垂直居中问题也是必须掌握的技巧之一,一些互联网公司面试题中也会出现这类题目。今天暴风彬彬将分享一个完美通过CSS实现垂直居中的方法,该方法是由akaYuhů发明的,这个方法也是目前暴风彬彬觉得最完美最简洁的CSS垂直居中实现方法。下面来看看暴风彬彬曾经总结的笔记,大转载 2009-12-25 14:16:00 · 1310 阅读 · 0 评论 -
10个CSS简写技巧让你永远受用
CSS简写就是指将多行的CSS属性声明化成一行,又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候,你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。 太多的人使用Dreamweaver这种所见即所得软件来编写CSS,使得代码过于臃肿。不转载 2009-12-23 20:34:00 · 968 阅读 · 0 评论 -
目前比较全的CSS重设(reset)方法总结
在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题)。但是,我们并没有生活在这个完美的世界,现实中发生的失窃却总是恰恰相反,很多CSS样式在不同的浏览器中有着不同的解释和呈现。 当今流行的浏览器(如:Firef转载 2009-12-27 19:38:00 · 1598 阅读 · 0 评论 -
推荐一个无缝背景花纹资源站-AVA7 PATTERNS
随着用户显示器分辨率的逐渐增大,网站的背景设计也越来越重要了,如果你的网站背景还在使用单调的白色作为背景,那你也许忽视了那些使用大分辨率的用户,他们看到的是网站内容和一大片白色。今天暴风彬彬要向大家推荐一个背景花纹资源站——AVA7 PATTERNS。 这种花纹背景很小,所以不用担心它会影响你的网站载入速度,花纹背景几乎都是进行无缝接合的,也就是说网站的背景是通过N多个相同的小图片重转载 2009-12-29 09:26:00 · 180262 阅读 · 0 评论 -
推荐3个网页设计在线配色网站
对于网页设计师而言,每个网站的设计都需要一套最适合它的配色方案,配色方案的选择关系到整个网站的成功与失败。你会不会因为苦恼于一个很急的网站项目的配色方案迟迟没有确定,而抓狂呢?下面就要向大家推荐三个国外的在线配色方案网站,也许会对你的设计工作带来很大的帮助。配色方案也可称为调色板,网站会为你提供各种风格的调色板来应用于不同风格的网站,其中肯定会有适合你目前着手的项目或你的喜好。转载 2009-12-29 09:27:00 · 3390 阅读 · 0 评论 -
精选30个优秀的CSS技术和实例
本文为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面(英文),单击每个实例的图片截图可以直接跳转到相应实例的Demo页面。1.Hoverbox 图片集一个纯净的基于转载 2009-12-28 19:36:00 · 2506 阅读 · 0 评论 -
300+Jquery, CSS, MooTools 和 JS的导航菜单资源
如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手。本文要为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更方便更快速,只要选择现成的例子就可以应用于自己的网站了。本文收集的这些资源,从非常简单的HTML和CSS导航菜单,到非常复杂和高级的JQuery、JavaScript和MooTools技术,这都可以让你轻松实现褪色、滑动、拖动转载 2010-01-03 18:55:00 · 8453 阅读 · 3 评论 -
Web前端开发必备手册下载
今天要向大家推荐一些前端开发时必备的参考手册,它们能够让你在开发页面的时候查询一些必要的语法。这些手册(Cheat sheet)包括目前比较流行的编程语言,比如jQuery, Mootools, Prototype, CSS,HTML,Django等…Cheat sheet这个词组如果直译成中文,意思大概是”作弊小抄”之类的词,但Cheat sheet这个词的实际意思已经并非是贬义了,虽然转载 2009-12-30 21:36:00 · 1998 阅读 · 0 评论 -
做网站用UTF-8还是GB2312?
经常我们打开外国网站的时候出现乱码,又或者打开很多非英语的外国网站的时候,显示的都是口口口口口的字符,wordpress程序是用的UTF-8,很多cms用的是GB2312。● 为什么有这么多编码?● utf-8和GB2312有什么区别?● 我们在国内做网站是用UTF-8编码格式还是GB2312编码格式好? 一.各种编码的来历可能很多同学一直对字符的各种编码方式懵懵懂懂转载 2010-04-09 14:45:00 · 1041 阅读 · 0 评论 -
兼容firefox、chrome、ie的wmp网页播放器代码
<br /> <br /> Windows Media Player(以下简称wmp)是一款大家很常用的网页播放器组件,在ie浏览器横行的日子里,大家很容易就可以在自己的网页中插入wmp,和大家一起分享自己喜欢的音乐。<br /> 从Firefox的开始流行、chrome的出现等多浏览器博弈时代,wmp已经不再是当年的“通用”组件了。也许用flash可以暂时代替wmp用来播放音乐,虽然flash有着跨平台、安装量巨大等优势,但是在音质和格式的支持方面的缺陷,让它在网页音乐播放方面压力巨大。而微软转载 2010-11-22 09:42:00 · 5466 阅读 · 3 评论 -
css 悬浮div效果(兼容ie6)
效果图:原代码:CSS固定定位{padding:0;margin:0;}#fixedLayer{width:100px;line-height:50px;background: #FC6;border:1px solid #F90;position:fixed;right:10px;bottom:10px;}html {height:1转载 2011-11-02 10:47:28 · 5770 阅读 · 0 评论 -
Textarea - 富文本编辑器插件
1)UeditorUeditor 是百度推出的一款开源在线 HTML 编辑器。主要特点: 轻量级:代码精简,加载迅速。 定制化:全新的分层理念,满足多元化的需求。 采用三层架构: 1. 核心层: 为命令层提供底层API,如range/selection/domUtils类。 2. 命令插件层: 基于核心层转载 2011-10-27 09:35:58 · 4133 阅读 · 0 评论 -
JavaScript 获取网页宽高和屏幕宽高
scrollHeight: 获取对象的滚动高度。 scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth: 获取对象的滚动宽度 offsetHeight: 获取对象相对于版面或由父坐标原创 2009-07-03 23:29:00 · 1136 阅读 · 0 评论 -
如何在网页中嵌入Media player 播放流媒体
Media Player两种版本播放器的嵌入代码,有相关说明(默认0为否,-1或1为是)不过代码还不全面,没有判断浏览器版本的参数程序代码(这个播放器是老式的那种):转载 2009-07-03 14:23:00 · 2129 阅读 · 0 评论 -
网页嵌套多媒体播放器
最简单的播放代码 把这个网址http://wmt2.aboutmedia.com.tw/Aboutmedia/warner/mtv/naying-021011_01v_120k.wmv换成你要看的电影就行了 有图像的rm格式: <OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=288 id=原创 2009-07-02 22:03:00 · 1906 阅读 · 0 评论 -
ISO Latin-1字符集(HTML实体对照)
相关链接:ASCII说明和ASCII对照表 在网上找HTML实体对照表好了好久,终于找了一个最全面的,好东西当然要贴出来分享。ISO Latin-1字符集字符十进制字符编号实体名字说明--- ---未使用Unused------未使用Unused------原创 2008-12-27 14:54:00 · 4103 阅读 · 0 评论 -
Web 设计与开发者必须知道的 15 个站点
1. ColorCombos 配色是 Web 设计的首要大事,Color Combos 帮你预备了数千种配色方案,可以根据色调浏览选取。2. LIpsum Lorem Ipsum Text 是一中自造的,字典中不存在的单词,是在演示页面结构的时候,需要加文字的地方使用 Lorem Ipsum Text 填充可以避免用户因关注文字的意思而分神。Lipsum.com 可以帮你生成制定数目的 Lorem转载 2009-07-26 14:52:00 · 1698 阅读 · 1 评论 -
javascript控制网页缩放(仅对IE有效)
原理:通过改变HTML文档中的 body 标签的 zoom 样式值对网页进行缩放特别说明: style.zoom 是IE特有的样式属性,所以此处的网页缩放代码仅对IE有效(字体和图片均会按比例进行缩放)下面是示例代码: Zoom Demo function zoomIn() { newZoom= parseInt(oZoom.style.zoom)+10+原创 2009-07-27 11:30:00 · 5701 阅读 · 0 评论 -
编写HTML的一些小技巧(针对IE)
相关链接常用的JS屏蔽功能(右键、查看源文件、复制、剪切、粘贴、后退、F1、F5、Ctrl+N、Shift+F10、Alt+F4) <!-- 说明: duration表示特效的持续时间,以秒为单位。 transition表示使用哪种特效,取值为1-23: 0 矩形缩小 1 矩形扩大 2 圆形缩小 3 圆形扩大 4 下原创 2009-07-30 21:13:00 · 1456 阅读 · 0 评论 -
VML极道教程(一) VML介绍
本系列文章导航VML极道教程(一) VML介绍 VML极道教程(二) VML入门VML极道教程(三) 标记实战与line线VML极道教程(四) oval圆rect矩型VML极道教程(五) RoundRect圆矩型VML极道教程(六) image图片VML极道教程(七) polyline多边型VML极道教程(八) shape多边型.shapetype模版.shape与转载 2009-06-27 17:37:00 · 7947 阅读 · 1 评论 -
VML极道教程(三) 标记实战与line线
本系列文章导航VML极道教程(一) VML介绍 VML极道教程(二) VML入门VML极道教程(三) 标记实战与line线VML极道教程(四) oval圆rect矩型VML极道教程(五) RoundRect圆矩型VML极道教程(六) image图片VML极道教程(七) polyline多边型VML极道教程(八) shape多边型.shapetype模版.shape与转载 2009-06-27 17:52:00 · 5463 阅读 · 0 评论 -
VML极道教程(十一) 2级标记stroke边框,shadow阴影
本系列文章导航VML极道教程(一) VML介绍 VML极道教程(二) VML入门VML极道教程(三) 标记实战与line线VML极道教程(四) oval圆rect矩型VML极道教程(五) RoundRect圆矩型VML极道教程(六) image图片VML极道教程(七) polyline多边型VML极道教程(八) shape多边型.shapetype模版.shape与转载 2009-06-27 18:07:00 · 5223 阅读 · 0 评论 -
网页嵌套 Media player 和 flash player
mediaVedio.html -->原创 2009-06-30 16:15:00 · 1507 阅读 · 1 评论 -
VML极道教程(五) RoundRect圆矩型
本系列文章导航VML极道教程(一) VML介绍 VML极道教程(二) VML入门VML极道教程(三) 标记实战与line线VML极道教程(四) oval圆rect矩型VML极道教程(五) RoundRect圆矩型VML极道教程(六) image图片VML极道教程(七) polyline多边型VML极道教程(八) shape多边型.shapetype模版.shape与转载 2009-06-27 17:56:00 · 4756 阅读 · 0 评论 -
VML极道教程(六) image图片
本系列文章导航VML极道教程(一) VML介绍 VML极道教程(二) VML入门VML极道教程(三) 标记实战与line线VML极道教程(四) oval圆rect矩型VML极道教程(五) RoundRect圆矩型VML极道教程(六) image图片VML极道教程(七) polyline多边型VML极道教程(八) shape多边型.shapetype模版.shape与转载 2009-06-27 17:58:00 · 4376 阅读 · 1 评论 -
VML极道教程(二) VML入门
本系列文章导航VML极道教程(一) VML介绍 VML极道教程(二) VML入门VML极道教程(三) 标记实战与line线VML极道教程(四) oval圆rect矩型VML极道教程(五) RoundRect圆矩型VML极道教程(六) image图片VML极道教程(七) polyline多边型VML极道教程(八) shape多边型.shapetype模版.shape与转载 2009-06-27 17:43:00 · 5347 阅读 · 0 评论 -
VML极道教程(四) oval圆rect矩型
本系列文章导航VML极道教程(一) VML介绍 VML极道教程(二) VML入门VML极道教程(三) 标记实战与line线VML极道教程(四) oval圆rect矩型VML极道教程(五) RoundRect圆矩型VML极道教程(六) image图片VML极道教程(七) polyline多边型VML极道教程(八) shape多边型.shapetype模版.shape与转载 2009-06-27 17:54:00 · 4475 阅读 · 0 评论 -
VML极道教程(七) polyline多边型
本系列文章导航VML极道教程(一) VML介绍 VML极道教程(二) VML入门VML极道教程(三) 标记实战与line线VML极道教程(四) oval圆rect矩型VML极道教程(五) RoundRect圆矩型VML极道教程(六) image图片VML极道教程(七) polyline多边型VML极道教程(八) shape多边型.shapetype模版.shape与转载 2009-06-27 18:00:00 · 3113 阅读 · 0 评论 -
VML极道教程(九) background背景
本系列文章导航VML极道教程(一) VML介绍 VML极道教程(二) VML入门VML极道教程(三) 标记实战与line线VML极道教程(四) oval圆rect矩型VML极道教程(五) RoundRect圆矩型VML极道教程(六) image图片VML极道教程(七) polyline多边型VML极道教程(八) shape多边型.shapetype模版.shape与转载 2009-06-27 18:04:00 · 3445 阅读 · 0 评论 -
VML极道教程(十二) VML编程大结局
本系列文章导航VML极道教程(一) VML介绍 VML极道教程(二) VML入门VML极道教程(三) 标记实战与line线VML极道教程(四) oval圆rect矩型VML极道教程(五) RoundRect圆矩型VML极道教程(六) image图片VML极道教程(七) polyline多边型VML极道教程(八) shape多边型.shapetype模版.shape与转载 2009-06-27 18:09:00 · 3629 阅读 · 0 评论 -
VML极道教程(八) shape多边型.shapetype模版.shape与curve曲线
本系列文章导航VML极道教程(一) VML介绍 VML极道教程(二) VML入门VML极道教程(三) 标记实战与line线VML极道教程(四) oval圆rect矩型VML极道教程(五) RoundRect圆矩型VML极道教程(六) image图片VML极道教程(七) polyline多边型VML极道教程(八) shape多边型.shapetype模版.shape与转载 2009-06-27 18:01:00 · 4431 阅读 · 0 评论 -
HTML特殊字符大全
HTML的特殊字符我们并不常用,但是有的时候却要在页面中用到这些字符,甚至有时候还需要用这些字符来实现某种特殊的视觉效果。现在,国外的设计师Neal Chester整理了一份很全的特殊字符集,我觉得这很赞~~,共享出来供大家查阅吧。使用方法:这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;下面符号列表的后面有两列编号,它们并不太一样,第一列是用于HTML的,你转载 2012-01-13 11:03:41 · 1689 阅读 · 2 评论