预览模式: 普通 | 列表

Css 3.0 : 多背景图片的运用

最近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;

这里有一些例子:实例1实例2。(注:IE可能看不到效果)

以下是个比较通用的写法:

div.test {
	background-image: url(../pix/logo_quirksmode.gif), url(../pix/logo_quirksmo

[阅读全文]

标签: CSS

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代码 效果还好

为了加快开发,我们需要一些现成的功能代码,特别是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="

[阅读全文]

标签: 脚本

最近我对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版本系统设计截图

最近花了一周时间开发了web系统类框架Mocola.Net,Mocola.Net 1.0版本框架基于mootools 1.2的ajax框架和Mocola.Js 1.0的Js UI框架,目前正在开发1.0版本,最初的版本将用于苏州友新街道的慰问困难家庭管理系统的建设上,下面公开部分界面,此框架目前内部开源,以下为简单截图:

attachments/200903/7336583661.png

标签: 设计

Mootools 1.2 英文离线帮助文档下载

最近自从Mootools从1.1更新到1.2之后,我便开始学习了1.2的相关语法帮助,应用很简单,这里提供chm的原版下载。

注意:有些人XP SP2 / SP3系统下chm无法打开的问题,这样解决: 右击该chm文件,点击查看属性,打开的标签中后面有一个“解除锁定”的按钮。选择解除,然后保存修改即可看到chm文件中的内容。

Mootools_Docs_12b2.zip

标签: 脚本

Track Changes HTML Editor

Track Changes HTML Editor 是最近在研发的一套组件,目前1.0版本用在PressRoom项目中,以下是一段演示录像,2.0版本将会后续发布。

trackchanges1ff_rar.zip

 

标签: 脚本

最近和朋友开始计划写一套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的基础上入手

[阅读全文]

标签: .NET