xinyu198736
- 浏览: 17576 次
- 性别:
- 来自: 南京
-
最新评论
-
aaronbamboo：
好文，值得研究
第一时间呈上google wave 的层阴影制作方法(css+图片) -
wjm251：
加了~你比我大学时候强多了，敬礼！
我入围的iGoogle大学生小工具设计大赛,大家帮忙投个票啊,谢谢啊 -
whaosoft：
呵呵 lz错别字也不少呢! 不过还不错了 我每次都想回家做点什 ...
我入围的iGoogle大学生小工具设计大赛,大家帮忙投个票啊,谢谢啊
文章列表
去我博客浏览吧:http://www.html-js.com/?p=1252
js的调色盘组件其实制作起来还算比较复杂的,网上有一些现成的,但是大部分组件只能提供部分颜色的选取,例如web色.那如何制作一个全色系的颜色选取器呢?
本文主要将如何从底层来讲全色系用js生成一张色盘.然后如果要使用色盘的时候,利用坐标就可以逆过来计算出选取到的颜色了.
首先看个demo吧,下面的demo,需要在现代浏览器里浏览,这个色盘使用canvas动态生成的,每个像素的点都是经过计算后生成的,拖动滑动条可以调节明暗动态更新色盘.是不是很神奇,下面就会介绍这里面用到的一系列知识.
js的调色盘组件其实制作起来还算比较复杂的,网上有一些现成的,但是大部分组件只能提供部分颜色的选取,例如web色.那如何制作一个全色系的颜色选取器呢?
本文主要将如何从底层来讲全色系用js生成一张色盘.然后如果要使用 ...
跳转了看吧,javaeye的编辑器真不好用
http://www.html-js.com/?p=963 框架中基于模块依赖关系的二维加载方式
今天晚上最新出炉,好久没有写chrome插件了,chrome增加了很多新功能,特别是右键菜单,我想出好几个应用来,这几天都做出来,这个插件的介绍如下:这是一个有趣可能也有用的程序,你可以用它来强制浏览器显示某种字体,你可以自行添加你想要的字体,你也可以在浏览某个页面的时候通过鼠标右键菜单随时改变当前页面的字体(当然要确保你的浏览器是最新的,支持右键菜单修改),如果你的chrome浏览器字体让你不爽,试试这款程序吧,程序会记住你的选项,让你畅游在自己喜欢的字体中.
地址:https://chrome.google.com/extensions/detail/pgbfjlimcipaapbmm ...
用chrome打开下面的链接,然后点install安装即可
安装了之后,以后在浏览器里选择一段文本,右击,就会出现一个这样的菜单,里面提供了很多搜索网站选项,大家可以随心所欲搜索啦,哈哈,好吧,有点无聊的.
不用chrome浏览器的可以直接忽视,如果chrome浏览器版本太低,那也忽略它吧.
https://chrome.google.com/extensions/detail/llbjjggmajdhmpdpbbjfhfopcgckaefl
效果和源码:(本代码使用了本人自己的js框架,自己修改代码的话,请务必引用我试用的框架,否则会出现错误)
(请务必试用非ie浏览器浏览,极力推荐Safari和chrome,其他浏览器运行速度堪忧)
http://www.beiju123.cn/blog/wp-content/uploads/2010/02/canvas-demo.html
1.什么是canvas:
引用Firefox开发者中心的一段话:<canvas>
is a new HTML element which
can be used to draw graphics using scr ...
前几天收到了一个google wave的邀请,说实话我对这个东西没啥兴趣,没时间去研究他到底是干什么的,但是作为一个前端,还是应该关心一下这些东西的,于是看了一下这玩意,看到第一眼嚼的好经验,我立即好奇起来,这种阴影好神奇 ...
分为如下几节:
·基本实现
·在迭代中引用原来的对象，或者直接改变数组的值而不是返回一个新数组
·向迭代传入无限多的参数
·基本实现
今天突然发现js的数组处理起来真是麻烦,代码一些就是一大堆,相比起ruby的迭代器来真是逊色不少,主要是要写的代码太多了,也许是js有特殊的处理数组的方式,真是我不知道而已,但是我真的想自己给js实现一个类似ruby的迭代器的东东,而且实现起来也不难,那就开始动手吧.
真的应该庆幸js是动态语言啊,如果是静态语言,实现起来很不方便(别说要我重新定义一个继承自array的类),不过用js实现起来就简单多了,
bug比较做,毕竟是早期作品,而且google关闭了开发平台,我改不了了,真汗,大家添加以下就行了,不用太在意
用JavaScript结合html css开发
第一个是倒计时提醒器
进入下列网址后,点击添加到igoogle 就行了
http://www.google.cn/ig/adde?moduleurl=http://www.google.com/ig/modules/china/contest/105/timers2.xml
第二个是汉字转拼音,简繁转换
地址是:
http://www.google.cn/ig/adde?moduleurl=http://www.go ...