分类: 前端开发预览模式: 普通 | 列表

XHTML语言默认的CSS样式

html,address,blockquote,body,dd,div,dl,dt,fieldset,form,frame,frameset,h1,h2,h3,h4,h5,h6,noframes,ol,p,ul,center,
dir,hr,menu,pre { display:block}

查看更多...

Tags: CSS

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 44756

跳转转菜单在新窗口打开

跳转菜单于主窗口打开:

JavaScript代码
  1. function MM_jumpMenu(targ,selObj,restore){ //v3.0   
  2. eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");   
  3. if (restore) selObj.selectedIndex=0;   
  4. }  

跳转菜单于新窗口打开:

JavaScript代码
  1. function MM_jumpMenu(targ,selObj,restore){ //v3.0   
  2. window.open(selObj.options[selObj.selectedIndex].value,'','');   
  3. if (restore) selObj.selectedIndex=0;   
  4. }   

 

Tags: 跳转

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 9461

秒杀所有版本IE的HTML代码

  在西方万圣节即将到来之际,让我们来看一个真正吓人的东西——如何用一段简单的HTML和CSS,将任何版本的IE搞死。 将下面的代码复制,然后保存文件,例如demo.html。然后用Internet Explorer打开它——哈哈!

查看更多...

Tags: ie

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6525

CSS3新特性一览

  CSS3到底给我们带来了哪些新特性呢?简单的说,CSS3把很多以前需要使用图片和脚本来实现的效果,只需要短短几行代码就能搞定。比如圆角,图片边框,文字阴影和盒阴影等。CSS3不仅能简化前端开发工作人员的设计过程,还能加快页面载入速度。

1.选择器

查看更多...

Tags: CSS

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7969

下一代WEB开发标准HTML5

什么是 HTML5?

  HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

 

新特性、新标签

  HTML5 中的一些有趣的新特性:

  1. 新增用于绘画的 canvas 元素,结合JS在网页上绘制图形;
  2. 新增用于媒介回放的 video audio 元素,支持.ogg/.mp3/.wav/.mp4网络媒体文件格式;
  3. 新的特殊内容元素,比如 article、footer、header、nav、section,更利于WEB语义化;
  4. 新的表单控件,比如 calendar、date、time、email、url、search,增加了对非拉丁字符的支持;
  5. 对本地离线存储的更好的支持,微数据(标记内容以描述特定类型的信息)的引入;

查看更多...

Tags: html5 语义化

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6313

CKEditor编辑器的调用

  CKEditor即原来的FCKeditor,官方的解释它是对FCK的完全重写。该公司的另一个产品为CKFinder,可能为了保持一致,将FCK更改为CK,并且将版本号继承了下来,即为CKeditor3.0版。

查看更多...

Tags: 编辑器

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 9822

jQuery学习笔记

相关网址:

查看更多...

Tags: jQuery

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5489

eWebEditor在IE7+下所有按钮失效

  07年给别人搞了一个小网站,编辑器用的是eWebEditor。最近帮助他添加新闻,发现点击编辑器所有的按钮都无效,一点反应都没有。起初以为是服务器上的文件有问题,测试本地端保存的文件,也是一点反应都没有。记得09年时还更新过几次呢,难道是IE8不兼容?启用兼容模式,无果,真是无语。

查看更多...

Tags: 编辑器 ie

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7000

6款免费的图标编辑器

  Web 设计中常用到图标,比如 Favicon,Windows 和 Mac 程序中也要用到图标,设计图标当然可以使用庞大的 Photoshop 或 Paint.NET,但也有一些免费的,简单工具可以随手拿来用,本文搜集了6款免费的图标编辑工具,有一些工具还可以从二进制文件中抽取图标。

查看更多...

Tags: 免费 Favicon

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7069

  WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为 (Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如 W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如 ECMA(European Computer Manufacturers Association)的ECMAScript标准。

  1.结构标准语言

  (1)XML

查看更多...

Tags: CSS

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5737

css sprite的使用及其优缺点

 

原理

  我们知道,自CSS革命以降,HTML倾向于语义化,在一般情况下不再在标记里写装饰性的内容而是把呈现的任务交给了CSS。GUI是缤纷多彩的, 少不了各种漂亮的图来装点。新时代的生产方式是,在HTML布满各种各样的钩子(hook),然后交由CSS来处理。在需要用到图片的时候,现阶段是通过 CSS属性background-image组合background-repeat, background-position等来实现(题外话:为何我提现阶段,因为未来浏览器若支持content则又新增另外的实现方法)。我们的主角是,你一定猜到了,就是background-position。通过调整background-position的数值,背景图片就能以不同的面貌出现在你眼前。其实图片整体面貌没有变,由于图片位置的改变,你看到只该看到的而已。就好比手表上的日期,你今天看到是21,明天看到是22,是因为它的position往上跳了一格。所以你也大概了解到,CSS Sprites一般只能使用到固定大小的盒子(box)里,这样才能够遮挡住不应该看到的部分。

查看更多...

Tags: CSS

分类:前端开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5572