在进行网页布局设计的时候，经常会根据需要设置相对定位，绝对以及浮动定位最近突然发现了一个奇妙的现象：IE6下绝对定位元素神秘消失或被遮挡, 首先是IE绝对定位元素神秘消失,设置的绝对定位元素,突然从IE浏览器下消失了，然而火狐能正常显示. 尝试对绝对定位元素进行清除浮动操作,IE下能显示，但是出现了莫名的留白，火狐下正常显示.至少这个现象表明，绝对定位元素在IE6下神秘消失对相邻元素的浮动定位有关 ...
2012年03月14日 22:001
-
HTML5 作为下一代网页语言，加入中众多更具语义的标签，例如video、audio、section、article、header 和 footer 等。而 CSS3 作为 CSS 的下一代版本，同样引入了很多很酷的属性，以前很多需要 JavaScript 才能实现的复杂效果，现在使用 CSS3 就
-
有时候我们给一个元素设置了滤镜后没有效果，很可能是因为元素的hasLayout没有启动。这是ie的私有属性，他表示当前这个元素是否有形状。我们无法通过CSS来直接操作这个属性，但是可以通过设置一下的属性开启: 属性名称启动 hasLayout 的值取消 hasLayoutdisplayinline-block width / height除了 auto 外任何值autoposition ...
-
这篇文章收集了20个非常绚丽的 CSS3 效果应用演示，这些示例演示了 CSS3 各种新特性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择，以前需要使用 JavaScript 才能实现的各种很酷的界面效果和动画，如今使用纯 CSS 代码就可以很容易实现。
-
CSS3 给 Web 开发带来了革命性的影响，以前很多需要 JavaScript 才能实现的复杂效果，现在使用 CSS3 就能简单的实现。今天这篇文章和大家分享16个优秀的 CSS3 表单开发教程。
-
看见有钟表的效果不错：<!DOCTYPE><html lang="en" id="paulrhayes-com" ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">& ...
-
今天这篇文章收集了30个漂亮的应用程序后台管理界面分享给大家。这些界面都是来自themeforest网站，虽然直接下载需要付费的，不过大部分都提供了在线预览，所以完全能够复制下来，有的提供了预览图，设计师可以根据预览图自己设计。希望这些漂亮的后台管理界面设计案例能帮助到你。
2012年03月14日 10:0063
-
与大家分享15个精美的 HTML5 清爽简约风格网站。HTML5 是现在Web开发领域的热点，越来越多的开发人员开始使用 HTML5 来开发交互性强、效果出众的Web应用和游戏。希望这些制作精美的 HTML5 网站实例能帮助大家更好的学习 HTML5 网站制作。
-
Web系统在现在网络中广泛使用，而Web服务器则是Web系统的一个重要组成部分。完整的Web结构应包括：HTTP协议，Web服务器，通用网关接口CGI、Web应用程序接口、Web浏览器。
-
语法：<marquee> &hellip;</marquee> 使用移动属性marquee，不仅仅可以舞动你的文字，还可以应用于图片，表格等等。 <marquee direction=left>欢迎光临科讯青年学习频道！</marquee> direction=left，表示方向。上面文字效果是&ldquo;欢迎光临科讯青年学习 ...
-
Technorati 标签: jQuery UI,CSS,JavaScript 在项目中经常要用到对话框和AutoComplete列表。今天遇到一个问题：在jQuery UI对话框(dialog)上有个 ASP.Net AJAX AutoComplete 列表，列表超出对话框的部分被截断了，不能完整显示。 最初误认为是由AutoComplete列表的z-index属性设 ...
-
如果你第一次看Sencha Touch MVC应用程序的例子，很可能会被那一个个文件夹和一堆堆js文件搞得头昏脑胀，它们之间到底有什么关系？互相之间如何协作？这就是你在下手写代码之前必须搞清楚的第一件事了，本专题将为你解决这个困惑。
2012年03月13日 22:000
-
蓝色表现出一种美丽、冷静、理智、安详与广阔。由于蓝色沉稳的特性，具有理智、准确的意象，在商业设计中，强调科技，效率的商品或企业形象，大多选用蓝色当标准色，企业色，如电脑，汽车，影印机，摄影器材等等。今天这篇文章向大家分享20个非常有创意的蓝色风格网页作品，一起欣赏。
-
前一段时间，我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和Chrome等浏览器原生支持，但是由于某些原因IE并不支持它。
-
Sencha Touch 2的访问历史和路由支持堪称独有特色，也让它的用户体验向Native应用更加靠近了一步。通俗的讲，访问历史和路由这两个功能（深链接只是路由功能的一个应用）就是在浏览器环境中，把单页面应用程序模拟成多页面交互的效果，而且还无需刷新页面。
2012年03月13日 17:000
-
HTML5 有用很多新特性，网页设计师和开发人员可以使用这些特性制作出更加优秀的网站。这篇文章收集了12个HTML5网站设计案例，让大家感受一下HTML5网站的魅力，一起欣赏。
-
实话实说，之前我是有些小瞧了Sencha Touch中的Device Profile的作用，所以在翻译顺序上才把它放在了比较靠后的位置。细读此文之后才发现自己实在是大错特错，Device Profile简直堪称Sencha Touch MVC中的最大亮点之一。除非你甘愿放弃Sencha Touch那
2012年03月13日 14:000
-
其实用纯css实现圆角的方法有不少，这里我是通过对元素border的操作来实现防圆角，圆弧如果太大效果可能就不是太好了，废话不多说直接上代码吧：css部分.box{display:inline-block;}.top{border-bottom:3px solid; border-top-color:#cc0000; border-bottom-color:#cc0000; border-left ...
-
请使用支持html5的浏览器查看，推荐使用google chrom或者ipad体验，ie6，7，8都不支持html5下面是行情图的快照和每个图的实现难点简介，有兴趣的朋友请用svn checkout出来，或者直接访问项目文件看源码 。Google code的项目地址是：https://html54stock.googlecode.comK线图 滑块控制这个K线图和flash实现的K线图非常接近，滑 ...
-
Canvas & SVG & DOM Canvas与SVG都是2D绘图的利器，除此之外，使用CSS、DOM也可以实现某些性状的绘制，而且在动画中，也都可以使用这些技术实现动画效果。这里就简单比较一下这些技术。canvas：canvas是以画像素的形式画出图形，它没有shape和vector的概念。所以就没有对象去接受事件，它只是去绘制像素点。这是缺点，也是优点。SVG：SV ...
-
由于不同的浏览器，比如IE6、IE7、IE8、Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写
-
1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。3、一个兼容性调整(IE和Mozilla)的笨办法： 初学可能会碰到这样一个情况：同样一个标签的属性在I ...
-
最近公司工作上分工很明确: 策划 ---> 设计 ---> 制作 ---> 功能实现 ---> 测试 我的职责是负责制作（就是前端） 在此分享一下我的css命名规范 .bgTransparent｛｝.fenceEq2{}.fenceMarRight{}.imgAuto{}.imgAutoW{}.liHasLin ...
-
建高楼大厦时，我们总是先用钢筋水泥搭好骨架，然后再加砖添瓦，布置每套房屋。编写一个网页也是这样，须先将布局框架搭好稳固，之后才能游刃有余。本博文阐述如何实现了两栏布局（main栏和sub栏），三栏布局（main栏、sub栏和extra栏），以及布局中各栏的排列顺序。本示例布局框架具有以下特性： 跨浏览器。 稳固性。布局稳固，不受内容的影响。 ...
-
数据模型[Model]就像模具，它保证了经它手产出的数据都具有一样的格式，但是数据模型本身并不能直接为view的展示提供内容，因为它并不是数据实体，真正存储数据实体的是Store，而Store的获取与保存由需要借助Proxy的力量，所以学习Sencha Touch的Model，就必须熟练掌握Stor
2012年03月12日 22:000
-
学习任何东西都有两种方法，一种读万卷书，一种行万里路。每日坚持看国内外的优秀站点的UI设计和样式代码实现，算是什么方法呢，我想这是两者兼有的方法吧。下面每个网址国内都可以正常访问。 http://bestwebgallery.com/ http://www.cssimport.com/ http://www.csstux.com/ http://cssvault.com/ ht ...
-
我们在做网页的时候，当背景是一张完整的图片，不动让其跟随滚动条滚动，怎么办？下面详细讲解一下。CSS代码示例-背景颜色属性(background-color)<html> <head> <title>背景颜色 background-color</title> <style type="text/css"> body { ...
-
先运行下程序看下: <span style='background-color:#336699;width:300px;'>123</span> 输出:123可以看到 span会自动根据包含的内容来变化宽度这是因为:对于内联元素(可以是默认即为内联的比如 span 元素，也可以是 display: inline 的元素) width 和 height 只在 IE5.x ...
-
1 Cantya Studio 预览 | 下载 | 来自 indeziner2 Creative Media 预览 | 下载 | 来自 indeziner3 SindromK 预览 | 下载 | 来自 indeziner4 Sleek 预览 | 下载 | 来自 Template Fusion5 Urban Artist 预览 | 下载 | 来自 Styleshout6 Temper 预览 | 下载 ...
-
web通信（洋名：web messaging）是一种文档中独立的浏览上下文间的DOM不会被恶意的跨域脚本暴露数据分享方式。得得得，术语啊什么的，比看到凤姐还头疼。有必要把上面一句话拆开讲：web通信是一种数据分享方式（有屁话之嫌）；通信的主体是“浏览上下文”（这是纳尼？）；哦，“浏览上下文”呢是“一
-
为所有的ul指定宽度后解决 ...
2012年03月12日 14:000
-
前面的例子都是使用图片或者图形来绘图，这是相对高级的API，而且所有的操作和变换都是针对网格坐标系的。除此之外，canvas还支持直接操作每个像素(全部的，或者部分的)；毋庸置疑，这些操作是针对像素坐标系中的像素的，这些操作完全不受变换矩阵、阴影效果、全局透明度设置、裁剪路径、组合效果的影响，因为这些所有的效果都是针对网格坐标系的。操作完以后再放回canvas中，可以实现一些有趣的效果。下面是常见 ...
-
让网站的设计能够吸引用户的眼球是每一个专业网页设计师的梦想。为了让网站更具吸引力，设计师们在设计之前需要在头脑中规划好排版、字体的选择、插图以及配色方案等等。因此，要设计出一个精美的网站对于设计师们来说是件非常有挑战的事情。今天这篇文章向大家分享32个从网上收集的设计非常精美的网站作品，希望能给设计
-
网络有很多优秀的设计和开发工具可能大家都不知道，因此这篇文章就向设计师推荐十款优秀 HTML5 在线工具，这些工具能够帮助设计师们设计出更有创意的作品。随着 HTML5 技术的不断成熟，网络上涌现出越来越多的优秀 HTML5 应用，一起看看下面这些很棒的工具。
-
半透明效果有时候会给页面增加不少色彩，特别是Vista盛行之后，半透明效果更加受推崇。在诸多可用于Web浏览的图片格式中，只有PNG格式和Gif格式可以实现半透明效果，不过Gif格式的半透明效果很有限，而且会大范围失真，所以目前最流行的方式就是使用PNG格式图片。不过可惜的是，在Internet E
-
前端开发和设计人员会经常需要调试Js脚本，查看Dom元素，修改元素样式等等，这在Firefox，Chrome，IE8+下是很方便的，因为这些浏览器本身都自带调试工具或可安装插件来实现，而古老的IE６,７已经不能赶上这个潮流。 原文地址：http://www.woiweb.net/firebug-lite-debug.html之前在IE６,７下用到的调试工具主要有IE WebDeveloper， ...
-
这个是很简单的东西,但在 firefox 下却怎么都不对.原因是a:hover 这样的伪类定义混乱引起的. 最后我得出的 ie / firefox 通用的为a:hover {..}a{..}不要再加其他伪类了,否则反而会出错.另有网友如是说--------------------------------------------------http://www.cnblogs.com/xiaocha ...
2012年03月12日 09:010
-
从本月初开始，我已经尝试上课录屏，虽然废话和卡壳挺多，但总是个记录，发给那些上课没听懂还想再听的亲爱的TXM大大们看到不要笑，领导们看到请支持（所有视频均打公司LOGO），TXM看到请鲜花毕竟，整理这些很花时间，谢谢！更新频率（争取每周更新一次，回家看孩子则随之延后^_^ ）补充：本教程面向受众为零基础的大二学生，本视频背景音以及学生作业的名字均为铁道10级版权所有～因教室显示器分辨率比较大， ...
-
写在前面：本人本科应届生，最近做了个小作品，下面将详细介绍实现过程。希望能够帮助自己找个适合自己的工作。本作品访问地址：http://www.yestz.com/wawj/index.html一、站点所涉及技术：Photoshop，XHTML，DIV+CSS，JavaScript，jQuery，jQueryUI。二、小亮点： 1、基本解决了个主流浏览器的兼容性问题，IE6、IE7、IE8、IE9 ...
2012年03月11日 19:001
-
好吧，新的一天来了，我才开始动笔，真够懒得：）昨天说了今天我们要画一个球，在canvas上。好吧，这是游戏的入门的第一步，只是昨天没写完，所以。。。<!DOCTYPE html><html 上面的代码是在VS11 beta上写的，实在是太舒服了，vs是非常强大的编辑器。上面的代码中我们绘制了一个大大的圆，并且着色了，红边和黄心。看下 arc (弧度)方法，昨天的文章里有他的链 ...
-
使用chrome浏览器或者safari浏览器，经常会发现自己的textarea很奇怪，可以拖动放大缩小，而且还有个奇怪的边。最初我们遇到这类问题的时候，直接给设计交代说那是浏览器的特性，俺们管不着，结果人家拿来google做例子，我们做开发的无话可说。但美工也不知道怎么做，只好开发人员硬着头皮去比较google的源码去研究。也没啥好方法，一个一个尝试呗。 其实找到以后也很简单，这里记录下，免得忘记 ...
-
HTML5推出也有很长一段时间了，一直没有学习过，闲来无事学习开发个游戏吧。 用javascript+canvas编写一个 五彩连珠的游戏。Canvas 画布 标签<canvas id="canvas" ></canvas>，很简单和普通的tag没区别。 关键在于js对他的操作。先看个示例代码：<canvas id="canvas& ...
-
阅读之前，先看W3C关于WEB Database的一段话：Beware. This specification is no longer in active maintenance and the Web Applications Working Group does not intend to maintain it further. 意味着WEB Database规范陷入僵局。html5s ...
2012年03月10日 20:002
-
在现在的网页设计中，绿色是设计师们最喜欢选用的颜色之一，绿色代表着活力、生长、宁静和青春。今天，本文收集了25个漂亮的国外绿色网站设计作品与大家分享，希望能带给你灵感，一起欣赏。
-
今天分享的作品集网站有些特别，因为他们都是使用 CSS3 技术制作的。对于设计师来说，为了吸引注意力，作品集必须展示出你的能力，这有点像制作简历，要让人们看到你所擅长的，突出的部分，这是一次推销自己的机会。如果你正想设计个人作品集网页，下面这些案例会对你很有帮助。
-
导航菜单作为网站必不可少的组成部分，关系着网站的可用性和用户体验。有吸引力的导航能够吸引用户去浏览更多的网站内容，增加用户在网站的停留时间。常见的导航形式有头部导航、侧栏导航、底部导航和固定位置导航等各种形式，今天这篇文章要和大家分享的是20佳国外优秀的固定位置导航菜单设计案例，相信这些形式各异的导
-
HTML5 新增了许多重要的特性，像 video、audio 和 canvas 等等，这些特性使得能够很容易的网页中包含多媒体内容，而不需要任何的插件或者 API。而其它的新元素，例如 section、article、header 和 nav 等，则是用来丰富网页内容。今天这篇文章向大家展示45个设
-
近日，在PWN20WN黑客大赛上，之前将Chrome攻破的VUPEN团队利用两个不同的0day漏洞攻破了一台安装了Windows7 SP1系统的电脑，这意味着IE9浏览器也在此次黑客大赛上被攻破。而团队的负责人Chaouki Bekrar表示，他们所利用的IE9的0day漏洞事实上完全可以适用于IE6到IE10的浏览器，这就意味着才搭载着WIN8亮相的IE10将会面临着严峻的安全威胁。 黑客提到， ...
2012年03月10日 03:000
-
使用session保存页面登录信息1、数据库连接配置页面：connectvars.php<?php//数据库的位置define('DB_HOST', 'localhost');//用户名define('DB_USER', 'root');//口令define('DB_PASSWORD', '19900101');//数据库名define('DB_NAME','test') ;?>2、登 ...
-
导航菜单作为网站必不可少的组成部分，关系着网站的可用性和用户体验。有吸引力的导航能够吸引用户去浏览更多的网站内容，增加用户在网站的停留时间。常见的导航形式有头部导航、侧栏导航、底部导航和固定位置导航等各种形式，今天这篇文章要和大家分享的是20佳国外优秀的固定位置导航菜单设计案例，相信这些形式各异的导
2012年03月09日 10:002
-
之前在 HTML标签天天练4 中，讲到了<a>标签超链接导向的使用方法。这一篇将针对性的学一下图像超链接：1）<img>标签，用于给予图片一个链接，在点击图片后，导向另一个URL地址。如(复制到DW中尝试)：<html><body><p>把图像作为链接来使用：<a href="http://blog.sina.co ...
-
代码简介：是有意思的效果，死咬着鼠标不放，你到那我到那，Js实现，还是不错的。代码内容：View Code <html> <head> <title>图片跟着鼠标，你到哪，我到哪 - www.webdm.cn</title> </head><body><SCRIPT LANGUAGE=" ...
-
在文章《实现文本滚动》中子DIV块#main中设置margin-top时，若父DIV块#box中没有&ldquo;overflow:hidden;&rdquo;,则子DIV块中margin-top会影响父DIV块的位置解决办法1:若子DIV块中使用margin-top,则在父DIV块中添加：overflow:hidden;解决办法2:在子DIV块中用padding-top代替mar ...
-
背景素材：示例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html ="http://www.w3.org/1999/xhtm ...
-
上节课，我们学习了在元素内部插入图片，使其非常方便，如果我们在content属性中通过attr(属性名)中获取属性值，再将其插入到元素当中，那么就能将其属性值显示出来，再也不需要js来进行获取了，非常方便，请看本课程：
-
很久以前Roger Johansson就在他的blog上做了一个用样式控制表单元素的测试, 告诉我们企图用样式控制表单元素是一件不可能的事情using CSS to style form controls to look exactly the same across browsers and platforms is impossible甚至css2.1规范中也没有明确这方面的规定, 而是打算将 ...
2012年03月07日 16:001
-
IE6中下拉框把弹出层遮住了，表单遮住弹出层解决方法（select遮住DIV），在IE6下,下拉框(select)会遮住弹出层 ，在IE6下,下拉框(select)会遮住弹出层，IE6下div不能将select框遮住以上是相关的百度搜索，看来同样的问题很多人都遇到过，我也是！解决方法第一個解決辦法 :在IE6下下拉框(select)会遮住弹出层，用样式办法暂时无法解决，包括z-index这个属性。 ...
-
疑问:目的：我想在每个页面的顶部显示一个公用导航（含有下拉菜单）；其余部分使用iframe形式来调用其它文件，以便进行更新。● 实施过程：1、试用框架页，结果位于top的导航页面下拉出来的菜单被mainframe的页面挡住了（无论是IE5.0还是更高版本）；2、试用单页面，将导航部分位于最上端，将页面其它部分用iframe放在下面的表格中，结果除了IE5.0看不见菜单，IE5.0以上版本成功的看见 ...
2012年03月07日 14:008
-
这篇文章向大家推荐25个免费下载网站模板的网站，这些网站分享了众多精美的网站模板，您可以免费下载使用，相信这些精美的 网站模板 既能够帮助您节省大量的时间和精力，又能有很满意的效果，希望这些网站能帮助到您。
-
这篇文章向大家推荐25个免费下载网站模板的网站，这些网站分享了众多精美的网站模板，您可以免费下载使用，相信这些精美的 网站模板 既能够帮助您节省大量的时间和精力，又能有很满意的效果，希望这些网站能帮助到您。
2012年03月07日 09:003
