WEB前端开发
关注
分享
扫一扫
文章平均质量分 60
wxl2012
太阳每天都是新的！
展开
-
非常清凉简洁的图片演示风格->>JavaScript实现
<br />大家经常在一些项目中使用产品图片演示，使用的最多的也许就是JQuery的插件了，今天我也上传一个我经常使用的产品演示插件，写的非常简洁很实用的，希望大家喜欢，以下是产品的Demo截图与Demo文件下载地址：<br />下载地址：http://www.cnblogs.com/Files/chu888chu888/CoolScript.rar<br /><br /><br />[复制到剪贴板]CODE:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr原创 2010-06-25 22:44:00 · 844 阅读 · 0 评论 -
目前最全的浏览器/CSS选择器兼容性总结
2009年2月24日，Safari 4.0beta版正式发布，Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作，下面提供了最新版本的CSS选择器浏览器支持情况，其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl的总结。2009年6月30日，FireFox 3.5发布，类似S原创 2010-01-11 17:06:00 · 4517 阅读 · 0 评论 -
960.css
.container_12,.container_16 { margin-left: auto; margin-right: auto; width: 960px;} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.gri原创 2010-01-10 18:16:00 · 490 阅读 · 0 评论 -
颜色选择器 html版
TD {FONT-SIZE: 10.8pt}BODY {FONT-SIZE: 10.8pt}BUTTON {WIDTH: 5em}<!--function winclose() {opener.document.form3.WatermarkFontDimensionstr.value=document.getElementById(SelColor).原创 2010-03-19 10:12:00 · 886 阅读 · 0 评论 -
简单明了的js图片不间断滚动代码
原创 2010-03-19 09:39:00 · 1608 阅读 · 0 评论 -
js两侧浮动广告
function initEcAd(LName,RName) { document.all.NowAd_left.style.posTop = -200; document.all.NowAd_left.style.visibility = visible; document.all.NowAd_left.style.position = absolute; docum原创 2010-03-17 08:19:00 · 1709 阅读 · 0 评论 -
为图片加alt的js代码
<!-- var stylevar flag=false; function DrawImage(ImgD){ var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ flag=true; if(image.width/image.height原创 2010-03-17 08:16:00 · 2833 阅读 · 0 评论 -
编辑器在ie8.0下不能用
最近我把IE浏览器更新到了IE8.0，在用eWebEditor在线HTML文本编辑器的时候点击eWebEditor上的所有编辑按钮都没用，只看到浏览器状态栏左下角显示网页上有错误，于是上网查了一下，解决方法如下： 在eWebEditor的目录里找到Editor.js文件，用记事本打开，在其中找到如下代码if (element.YUSERONCLICK) { eval原创 2010-03-15 09:59:00 · 918 阅读 · 0 评论 -
JS图片不间断滚动代码
JS不间断向左滚动<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><td id=demo1 valign=top>http://www.ma原创 2010-03-12 13:00:00 · 615 阅读 · 0 评论 -
采用XHTML和CSS设计可重用可换肤网页
随着XHTML的逐渐推广流行，HTML 在许多场合已经显得过时。World Wide Web Consortium (W3C) 于 2000 年 6 月 26 日发布了 XHTML 的第一个版本作为推荐标准。XHTML 标准的目标是取代 html。按照 W3C 的说法，“XHTML 是 html 的继承者”(http://www.w3.org/MarkUp/)。 XHTML具原创 2010-03-07 11:37:00 · 386 阅读 · 0 评论 -
http错误代码含义
HTTP1xx - 信息提示这些状态代码表示临时的响应。客户端在收到常规响应之前，应准备接收一个或多个 1xx 响应。•100 - 继续。•101 - 切换协议。2xx - 成功这类状态代码表明服务器成功地接受了客户端请求。•200 - 确定。客户端请求已成功。•201 - 已创建。原创 2010-01-12 10:08:00 · 518 阅读 · 0 评论 -
XHTML+css弹性+固宽布局 网页代码示例
html部分http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">XHTML+css 弹性+固宽布局设计（适合宽屏和大背景布局） 页头背景可平铺整个浏览器宽度，而正文内容则始终居中显示，不管分辩率是多大。原创 2010-01-10 18:24:00 · 802 阅读 · 0 评论 -
10个非常棒的Ajax及Javascript实例资源网站
1.Ajax Rain AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例，有一些Demo的确值得你去看一看，即使你不是网页设计(开发)师。Ajax/Javascript实例: EXT JS Date Picker jQuery Feed Menu原创 2010-01-11 17:13:00 · 636 阅读 · 0 评论 -
网页设计师常上的网站
1、网页设计师联盟 http://www.68design.net这个网站是我最早上的一个设计网站，而且是最常上的。里边有几个好的栏目，一个是 韩国资源 和 酷站加油2、站酷 http://www.zcool.com.cn 这个网站的素材是不错的，而且更新比较快，找矢量素材 PNG 甚至一些网页常用的GIF（找GIF的 入口在顶部菜单好像找不到了 是http://www.zcool.com.cn/原创 2010-03-30 12:52:00 · 893 阅读 · 0 评论 -
16个基于jQuery的实例特效
1.基于jQuery隐藏登录入口代码（演示地址）2.基于jQuery多项选择文本框（演示地址）3. 基于jQuery伸缩型菜单（演示地址）4.基于jQuery竖形动感菜单（演示地址）5.基于jQuery横向动感菜单（演示地址原创 2010-03-25 17:24:00 · 1042 阅读 · 0 评论 -
量化用户体验
大多数人都认为用户体验是网站成功的一个大致指标，分析一个网站在提供争取的用户体验的同时达到什么样的效果，往往会成为主观因素，但这普遍停留在观点的因素，缺乏一定的客观性。 今天将向大家推荐一篇国外经典用户体验文章，让你更深入了解量化用户体验的方法，我发现这个方法对于提供给客户一个关于他们的网站和过去开发所作努力的快速、客观、形象的表现很有帮助。什么是用户体验？ “用转载 2010-01-13 10:35:00 · 1157 阅读 · 0 评论 -
jQuery技巧来提高你的代码
jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用，是因为它上手和使用相当简单，而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题，这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候，你也许更应该想办法自己来解决，下面来看看这些实用的jQuery技巧，他们肯定会能够派上用场的转载 2010-01-12 08:12:00 · 395 阅读 · 0 评论 -
让显示在td里的内容自动换行
在style里加入word-break:break-all;word-wrap:break-word原创 2010-01-10 18:21:00 · 1536 阅读 · 0 评论 -
最新网站导航菜单设计案例欣赏
众多国外英文网站导航菜单设计案例欣赏。3-D 导航3-D 风格的导航菜单可以表现的更突出，能在整个页面的设计中凸显导航功能，并且向用户传达直观的可操作性。DelibarBlue Door BabyMystery TinpsdtowpHarry Bissett原创 2010-03-23 16:46:00 · 1779 阅读 · 0 评论 -
网页嵌入自定义字体方法
作者：iiduce字体使用是网页设计中不可或缺的一部分。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷：1. 不可能大范围的使用该字体；2. 图片内容相对使用文字不易修改；3. 不利于网站SEO（主流搜索引擎不会将图片alt内容作为判断网页内原创 2010-03-23 16:44:00 · 8637 阅读 · 0 评论 -
下拉菜单
<% for i=2002 to 2011 %> > <% next %> <% for i=1 to 12 %> >原创 2010-03-23 13:30:00 · 517 阅读 · 0 评论 -
谈谈960
选用960，其实很简单，因为960能够被很多数整除，同时又很接近1024，因此很多网站选用了这个宽度。我在960的秘密一文中，只是想从数学的角度上指出对栅格系统来说，960是个很灵活的宽度而已。这只是一个引子，想激发大家对栅格系统的兴趣，之后的文章才是重点。我的数学分析在将960分解质因数后，我最初的结论确实有不妥之处。这点小奎指出来了，720比960的约数更多，还有1440的约数也很原创 2010-01-10 18:18:00 · 520 阅读 · 0 评论 -
设为首页代码
设为首页原创 2010-03-05 10:13:00 · 336 阅读 · 0 评论 -
加入收藏代码
收藏本站原创 2010-03-05 10:13:00 · 387 阅读 · 0 评论 -
IE 和 Firefox 下 CSS 中 margin-left IE显示为两倍的解决方法
问题描述一个html页<div style="width:190px; margin-left:10px; overflow:auto; background-color:#FFCCFF; float:left;">test但是左侧却显示缩进了20个px此设置在firefox 和 opera 都是正常的网上查找了原因发现是IE的一个BUG在style里面添加displa转载 2010-02-26 08:32:00 · 520 阅读 · 0 评论 -
万能float闭合Clearfix Hack
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-block;}/* Hides from IE-mac /*/* html .clearfix { height: 1%;}.clearfix {display: bloc原创 2010-02-04 21:05:00 · 597 阅读 · 0 评论 -
刷新页面
刷新本页原创 2010-02-02 09:42:00 · 416 阅读 · 0 评论 -
2010年网页设计趋势
在即将到来的新一年里，是抛开过时陈旧的网页设计，为未来准备大胆全新的网页设计的时候了。尽管趋势不是在一月一日开始或结束的，但新年伊始的时候我们的渴望和在一年之末时我们寻求教程指导之间依然有一个很明显的分界。大多数时候，分界线模糊不清。这就是对当前潮流趋势是完善还是重新诠释的的选择。趋势会帮助设计师并让之进化。如果我们掌握了这些设计美学的技巧，我们就可以推进趋势或者开发一个全新的领域。理解这些，原创 2010-01-30 19:31:00 · 563 阅读 · 0 评论 -
js时间显示
<!-- //以下是年月日星期显示tmpDate=new Date();date=tmpDate.getDate();month=tmpDate.getMonth()+1;year=tmpDate.getYear();document.write(year);document.write(".");document.write(month);document.write(".");do原创 2010-02-02 09:37:00 · 908 阅读 · 0 评论 -
HTML元素map
定义包含客户端图像映射的坐标数据。Contains coordinate data for client-side image maps. 注释所谓图像映射，就是带有预先定义区域的图像，这些区域包含了指向其它文档或锚的链接。例如，你可以在一副太阳系的图像上创建用户点击后可浏览不同星球的链接。as follows: pages for the原创 2010-01-28 09:13:00 · 542 阅读 · 0 评论 -
960 Grid System 网格系统
960 Grid System网格系统是一个 CSS Framework，使用CSS框架能够节省很多的开发时间，显著提高工作效率。使用方法：1、去官方下载960 Grid System，并解压到本地目录(比如css)。2、按照顺序引用三个CSS文件。在HTML文件中嵌入代码(css为文件所在目录)： link rel="style原创 2010-01-27 16:57:00 · 952 阅读 · 0 评论 -
HTML元素map实例
原创 2010-01-28 09:14:00 · 1135 阅读 · 0 评论 -
IE与Firefox的CSS兼容
CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。 常见兼容问题： 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, di原创 2010-01-22 17:33:00 · 407 阅读 · 0 评论 -
35个获奖Flash网站设计赏析
NASCAR和美国空军合作网站全球生物分类倡议项目 GTI Project<img class="aligncenter size-full wp-image-3149" title="35.gti project" src="http://www.ucdcom.com/WebSite/UpWebSitePic/2010-1-8/201018105726336.g原创 2010-01-21 13:16:00 · 1034 阅读 · 0 评论 -
xhtml+css(div+css)中间的文字内容高度是否不够一屏，层能居底显示
XHTML+css 弹性+固宽布局设计（适合宽屏和大背景布局） 页头背景可平铺整个浏览器宽度，而正文内容则始终居中显示，不管分辩率是多大。 正文内容背景可平铺整个浏览器宽度，你可以在body中加入一张超大的背原创 2010-02-04 21:29:00 · 2120 阅读 · 0 评论 -
初学者养成良好的 CSS命名习惯
常用的CSS命名规则： 商 标： label标 题： title主导航： mainbav（globalnav）顶导航： topnav边导航： sidebar左导航： leftsidebar右导航： rightsidebar旗 志： logo标 语： banner菜单内容1： menu1 content菜单容量： menu container子菜单： submenu边导航图标原创 2010-02-06 14:20:00 · 872 阅读 · 0 评论 -
Photoshop网页设计教程网站推荐
1.PsdVibe2.HV-Designs3.SixRevisions4.AdobeTutorialz5.GrafPedia6.TemplateTuts7.WebDesignDev8.PSD Tuts9.Web Tint10.PSD Tempate11.Webitect*12.MonsterTuts原创 2010-02-06 14:26:00 · 815 阅读 · 0 评论 -
IE和火狐的css兼容性问题归总
IE和火狐的css兼容性问题归总 CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。 1、DOCTYPE 影响 CSS 处理 2、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3、FF: body 设置 text-align 时, div 需原创 2010-02-26 08:15:00 · 404 阅读 · 0 评论 -
div+css使用!important标记实现Firefox和IE6处理padding尺寸上的兼容
在Firefox中，div的完整宽度是padding+width，因此width: 300px; padding: 10px;的实际宽度是320px;而在IE6中，div的完整宽度是width，所以这个div和下面的div宽度一致。 宽度为300px的div原创 2010-02-24 20:45:00 · 531 阅读 · 0 评论 -
在firefox与IE下DIV+CSS Padding效果不同的解决方法
test 以上代码在IE中和firefox会有不同的效果.最主要原因是firefox解释padding-top与IE的效果不同fixfox对DIV总高度是padding-top+height的,而IE中,padding-top是包含在height中的,要解决这一个矛盾,可以利用!importantpadding-top:5px;height:10px !important;heigh原创 2010-02-24 20:44:00 · 373 阅读 · 0 评论