Css 3.0 : 多背景图片的运用
作者:李嘉 日期:2009-04-26 07:51
最近Mozilla官方透露FireFox将支持CSS3的多背景图片( multiple background images ),Safari 1.3 开始就支持Css3.0的多背景图显示,所以Firefox将成为继Safari之后第二款支持同一容器多背景的浏览器。
Css 3.0允许一个容器对象中设置多个背景图片,要做到这一点,你只需要在css中使用逗号隔开每一个背景图片,例如:
background: url(body-top.gif) top left no-repeat, url(banner_fresco.jpg) top 11px no-repeat, url(body-bottom.gif) bottom left no-repeat, url(body-middle.gif) left repeat-y;
以下是个比较通用的写法:
div.test {
background-image: url(../pix/logo_quirksmode.gif), url(../pix/logo_quirksmo
javascript: Mootools 1.2 使用 Request.JSON 传递Get参数的Bug
作者:李嘉 日期:2009-04-20 16:22
Mootools 1.2对json的操作更加简便了,不过仍存在一些小的bug。今天我在完善Mocola.Net框架的时候发现了这个Bug,例如:
// This code will send a data object via a GET request and alert the retrieved data.
var jsonRequest = new Request.JSON({url: "http://site.com/tellMeAge.php", onComplete: function(person){
alert(person.age); //Alerts "25 years".
alert(person.height); //Alerts "170 cm".
alert(person.weight); //Alerts "120 kg".
}}).get
Javascript 最简易浮动广告Code代码 效果还好
作者:李嘉 日期:2009-04-17 09:14
为了加快开发,我们需要一些现成的功能代码,特别是Js一块,除了自己开发,一些小的功能我们完全可以自己收藏一下以后直接Copy使用。
Javascript 最简易浮动广告Code代码:首先,在<body>后面加上以下div容器:
<div id="ad2" style="position:absolute;top:0;left:0;z-index:555" width="150" height="144">
<a href="http://www.szcl.gov.cn/clxzweb/cl2008.html" target="_blank">
<img src=http://www.szcl.gov.cn/clxzweb/images/cl2008.jpg width="150" height="
Javascript: Track Changes HTML Editor 初步原理分析 (吐血作)
作者:李嘉 日期:2009-04-16 17:03
最近我对Track Changes HTML Editor组件进行了功能更新,继续完善,等后续的2.0版本将重新开发底层代码。下面是我总结了开发Track Changes HTML Editor的简单思路,供大家参考。作为我的第一篇吐血作。
1. 首先,这套系统我是使用Joomla惯用的Mootools这套Js框架来开发TcEditor(Track Changes HTML Editor简称),版本是mootools v1.2。使用这个框架主要是js语法上面可以省略很多code。
2. Track Changes的核心技术用到两类:
(1) JS的键盘 钩子(Hook Handle) 技术:
在tcEditor里面的turn on/off track changes function技术上讲就是 开启/关闭 track changes的键盘钩子。
Hook Hand
Mocola.Net框架1.0版本系统设计截图
作者:李嘉 日期:2009-04-16 16:44
Mootools 1.2 英文离线帮助文档下载
作者:李嘉 日期:2009-04-11 14:15
Track Changes HTML Editor
作者:李嘉 日期:2009-04-09 13:51
Mocola.JS框架计划:退出Sourceforge加入Google Code的SVN
作者:李嘉 日期:2009-04-07 20:16
最近和朋友开始计划写一套js框架,这套框架仍然以Mocola命名,因为打算做成内部开源的项目,使用svn进行版本控制。google提供了100M容量的svn空间,对于区区一个js框架来说空间够大了,所以还是决定使用google的svn服务器相对比较稳定,Sourceforge的服务虽然也很不错,但操作简便性上还是google code略占优势,速度也更快。关于Bug报告。Google Code中的issues,Sourceforge的tracker,各有不同,只不过我之前也没考虑到google的bug等记录日志也占容量。总而言之,Google Code很方便,就是容量太小;Sourceforge太繁琐了,但很完备已经形成一个社区,我喜欢简洁功能性的产品服务,所以如果不是冒着svn开源项目要搬家的风险我是不会去选择Sourceforge。:) 我希望能在年前完成mocola.js的第一版本,希望有兴趣的朋友参与支持。
也许框架做到一定时候会作为一个外部开源的项目来对待,等完成了mocola.core.js和mocola.more.js的开源,下个计划就是在Mocola.Core的基础上入手

