您的位置:编程知识库>前端开发

前端开发

  • 2011-04-26css3 box-shadow发光效果

      如果用过twitter,你可能已经留意到当输入框获得焦点后,它的边框会有蓝色发光的效果,并且这里运用了transition属性,使得发光效果有很平滑的过渡。本教程将讲述如何运用box-shadow属性来做到这样的效果。 CSS代码如下: input { transition: all 0.30s e...

  • 2011-04-25国外15个前端开发CSS框架介绍

        框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 css框架通常只是一些css文件的集合,这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如: typography.css 基本排版规则 grid.css 基于网格的布局 layout.css 通常的...

  • 2011-04-2527款经典的前端开发CSS框架

      利用 CSS 框架,可以简化你的工作,提高工作效率。CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架,你可以选用。  1. 960gs  960 ...

  • 2011-04-25使用CSS框架的优点和缺点

    CSS框架是一个软件,它为你的HTML开发提供了许多选项以供使用,可能使得你开发网站或web程序更快速更简单。CSS框架通过包括预定义代码库来达到这个目的。一个例子是基于网格的框架,它建立了一个预定义宽度的多列布局所以你可以专注于创建内容而不是排列文本块。...

  • 2011-04-25(X)HTML Strict 下的嵌套规则

      下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则,比如你不能在 <a> 里面再嵌入一个 <a> 这样的约定。 说明: 为了方便读者阅读,本文中的标签使用了大写(根据 XHTML 的规则,元素名必须小写,比如 <html> 而...

  • 2011-04-22jQuery对Select下拉菜单操作大集合

      //遍历option和添加、移除option function changeShipMethod(shipping){  var len = $("select[@name=ISHIPTYPE] option").length  if(shipping.value != "CA"){   $("select[@name=ISHIPTYPE] option").ea...

  • 2011-04-22jQuery实现页面滚动时层智能浮动定位

    一、应用展示 关于层的智能浮动效果早在几年前我就在国外的一些个人网站的垂直导航上见到了,现在似乎在国内一些商业网站上也屡见此效果,例如淘宝网的搜索结果页的排序水平条,在默认状态下,滚动条跟随页面滚动,如下: 随着页面向下滚动,当此水平条接触浏览器的...

  • 2011-04-22JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)

    在网上找了很多的iframe自适应高度的脚本,对浏览的的兼容性都不好。所以就想利用jquery强大的兼容性,写一个iframe自适应高度的脚本。  jquery很强大,代码很简单: $("#iPersonalInfo").load(function() {  $(this).height($(this).contents()...

  • 2011-04-22js封装一个tab效果

    html代码,js压缩后1k不到,有需要的朋友拿去用 演示地址:http://www.wufangbo.com/demo/javascript/01/index.html 下载地址:http://www.wufangbo.com/demo/javascript/01/01.rar   html代码 <!DOCTYPE html> <html> <head> <title...

  • 2011-04-22jQuery向上循环滚动(仿新浪微博未登录首页滚动微博显示)

    新浪微博未登录首页有一个“大家正在说”的模块,动态滚动最新发布的微博。从需求上来说,这个功能需要实时调用最新的微博数据,单就前端开发来说,其需求可以拆分如下: 1 内容持续滚动; 2 新微博将下面的微博先推下去,然后淡入进来; 3 鼠标经过内容暂停滚动; 4...

  • 2011-04-21网页设计规范

      一、为什么要写设计规范?设计规范是为谁服务的? 谈这个话题之前,我们先了解一下什么是设计规范?设计规范是指对设计的具体技术要求,是设计工作的规则. 一般包括总体目标的技术描述、功能的技术描述、技术指标的技术描述,以及限制条件的技术描述等. 那我...

  • 2011-04-21JQuery网页换肤

      现在介绍网页换肤的例子已经数不胜数,自己也没有仔细研究过,刚搞遇到类似这个问题,网上查了资料解决了问题,感觉很有用,就记录了下来和大家分享一下。效果很简单,我就直接讲怎么使用的。 其中用到了jquery.cookie.js 首先是html代码: XML/HTML代码 &l...

  • 2011-04-21Jquery 仿手机左右拖动滑屏效果

      前不久公司有个项目是在触摸屏上做产品展示,大家都觉得Iphone或者Android上的滑屏效果不错,我今天也顺便做了一个DEMO,滑屏效果的,预览图如下    演示地址:http://www.wufangbo.com/demo/jquery/04/index.html 下载地址:http://www.wufangbo.com/demo...

  • 2011-04-20浏览器如何渲染文本

    浏览器是我们最常用的软件之一,文本又是网页中最主要的元素,在浏览器显示文本的过程中有许多有趣的细节,值得展开来讲讲,或许能减少一些误解。这是一个比较粗略的,概括性的介绍,尽可能不涉及过多的技术细节和具体实现,而立足于给 Web 开发者和设计师提供一些正...

  • 2011-04-20CSS自定义滚动条样式

    相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来总结一下。当然,兼容所有浏览器的滚动条样式目前是不存在的。   IE下的滚动条样式 IE...

  • 2011-04-20HTML5 Canvas 绘制股市走势图

    做金融类网站的时候,出现的最多的是价格走势图,但由于金融市场变化非常快,人工做图的话很不靠谱,机器生成的话开发难度比较大。所以小型金融网站通常会引用大网站的数据,例如 Google 财经频道的走势图。 可是 Google 采用的是 flash 来展示价格走势,如果我们...

  • 2011-03-22Web开发ABC

      Web开发经常会是非常复杂的事情。今天,针对初学者,我希望向你介绍26个概念和技术,每个都对应英文字母的一个字母。听起来很奇怪吧,那让我们开始吧。 A——AJAX AJAX是异步JavaScript和XML的意思,它是近些年你使用的所有流畅的Web应用背后的主要...

  • 2011-03-08前端开发工具集合(2011最新)

      收集的一些轻量级非常实用的前端开发小工具: CSS3相关 CSS3样式生成器:http://www.css88.com/tool/css3Preview/ CSS3渐变样式生成器,类似Photoshop中的渐变界面:http://www.colorzilla.com/gradient-editor/ CSS3动画制作工具Sencha Animator:http:/...