明河共影???

明河共影???

明河共影??????

RIA之家09-10年精华教程集合

ria-home-09-10

明河开始写博,应该是在2009年2月,那时候明河还还在念大四,时间太多了,就萌生了开个博客发些自己学习js的笔记(那时候JS水平相当之差),起初博客的名字叫ajax代码仓库(那时候ajax这个概念炒的非常热),域名好像是51zgf.cn,09年8月改成36ria.cn,名字也改成RIA之家,10年5月底完成改版,域名改成36ria.com(那时候天朝备案门让人胆战心惊),使用国外主机。 RIA之家记录......

推荐6个学习html5的好站点

html5_resources_1

1、HTML5 Doctor HTML5 Doctor在html5上面颇有名气,也是最早关注html5的博客之一。 2、HTML5 Gallery HTML5 Gallery主要是收集使用html5技术的站点,提供了不少html5案例。 3、The WHATWG Blog 和HTML5 Doctor类似也是关注html5的技术博客。 4、A Web Developer’s Guide to HTML 5 w3c的关于html5的标准指南。 5、Dive Into HTML 5 类似手册的结构,文章还配有漫画……… 6、html5demos 这个站点,明河严重推荐......

jquery的ajax全局事件详解—明河谈jquery

ajax-events-1

jquery在ajax方面是非常强大和方便的,以下是jquery进行ajax请求时方法模板: $.ajax({            type: "get",            url: "",                    data : {},            beforeSend : function(){              },            success : function(data){ ......

实用的css代码片段集合

css-snippets

这几天明河出了趟远门,博客的更新落下了,这二天将多发几篇实用的文章\(^o^)/~ 以下css代码片段都非常实用,是不可多得的css技巧。 利用text-indent隐藏文本 text-indent的主要作用在于文本缩进,但text-indent还有个妙用,先看代码: h1 {     text-indent:-9999px;     margin:0 auto;     width:400px;     height:100px;     background:transparent url(&......

10个使用css3构建的图片画廊

3

之前明河介绍了不少图片画廊效果,但效果基本上大同小异,今天明河介绍些使用css3构建的图片画廊,利用css3可以实现图片的旋转、倒影等,使画廊看上去相当华丽(当然IE支持不善)。 1、Polaroid from Tutorialzine css3、拖拉、灯箱效果的混合体,相当不错的效果。 2、Polaroid from 3site 相对于第一个效果,此画廊效果有些别扭,交互上有待加强。 3、Polaroid from Zurb 这个效果倒是......

使用jquery制作背景变化菜单

backgroundAnimate

jquery动画函数animate是不支持背景移动动画的,即无法对backgroundPosition进行处理,需要使用一个插件,这个插件名为jquery.backgroundPosition,接下来将使用这个插件,制作一个背景变化的菜单。 制作过程 1、创建如下html菜单结构 <ul>                 <li><a href="http://www.36ria.com/">首页</a></li>             &......

基础模板的缺陷—jquery插件开发进阶教程(2)

plugin-t

这个系列的第一篇教程明河讲述了:jquery插件开发规范,今天这篇教程明河将讲述jquery插件基础模板的缺陷。 在jquery插件实战教程,明河曾以Colortip文字提示插件,讲解了jquery插件的基础模板: (function($){     $.fn.插件名 = function(settings){          var defaultSettings = {                   }         /* 合并默认参......

cornerV2.0—jquery强大的圆角插件

corner

jquery.corner是一款强大的圆角插件(所产生的不止只是圆角效果),兼容包括IE6、IE7、IE8、firefox、Opera 、Safari、Chrome等主流浏览器。 原理说明: 产生圆角的技术很多,jquery.corner是利用产生十几个带有边框的层(宽度不同),来模拟四个不同的边角的效果,所以可以保证所有浏览器的兼容性。(具体可以用firebug查看其层的分布和样式) 初始化插件: $(".demo").corner();

明河关于jquery的一些解答—明河谈jquery

jquery-answer

新版的RIA之家已经上线2个多月了,这二个月来,不少朋友向明河询问jquery的问题。今天突然萌生将这些问题整理出来供遇到类似困惑的朋友做参考的想法,于是就写了这篇文章,答案只代表明河个人观点,难免有错误,仅供参考。 问:学javascript好还是jquery好? 明河答:这是个伪命题,随着jquery的大行其道,很多新手以为jquery是一种语言,其实jquery只是一个javascript的框架......

实用jquery代码片段集合(下)

jquery-snippets-2

如何隐藏除了特定选择器下的全部对象 $(‘#target div:not(#exclude)’).hide();   //或者  $(‘#target’).children().filter(‘:not(#exclude)’).hide(); filter()起到过滤的作用。 寻找带有指定字符串的元素 var foundin = $(‘*:contains("明河")’); 获取垂直滚动距离 alert($(document).scrollTop()); scrollTop()非常实用的一个方法。 向表格追加一行数据 $(‘#myTable tr:last......

实用jquery代码片段集合(上)

jquery-snippets-1

加载google的jquery库 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 有利于加快加载速度(已经得到验证)。 修改图片src更新图片 $(imageobj).attr(‘src’, $(imageobj).attr(‘src’) + ‘?’ + Math.random() ); (这是很实用的技巧,曾经有人问明河,为什么他已经修改了图片的src,但图片没变化呢?原因在于缓......