最近的文章列表

【JS颜色选择器】216种web安全色选择器

查看示例:http://camnpr.com/TuiJianTools/jsdemo/color.html

 

使用方法:

js引用:将下面的JS源码存入您的JS文件或者网页的<head><script>JS代码</script></head>标签中

HTML要求:页面的HTML代码中必须包含三个元素,即:触发手柄、显示选中颜色的节点、显示筛选出来的216种颜色的节点
例:
触发手柄 <input type="button" value="按钮选取颜色" id="myhand" />
显示选中颜色的节点 <input type="button" value="#FFFFFF" id="showColor" />
显示筛选出来的216种颜色的节点 <div id="color"></div>

2014/2/7 Comments:
eclipse与myeclipse安装插件的3种方式

1.links方式

在eclipse目录先新建links目录,新建一个xx.link(例如:android.link)

在android.link中写上path=E:/android/adt,目录一直到解压插件中的features和plugins目录中的上一级即可

2.直接复制

将features和plugins直接合并到eclipse/myeclipse目录下

3.Install方式

3.1.点击Add

2014/1/8 Comments:
[插件]jquery.flip实现360度翻转效果 jquery.slicebox实现3D翻转效果

jquery.flip介绍:

Flip!是一个能够让任意HTML、文本或jQuery Element产生漂亮翻转效果的jQuery插件。可以配置翻转方向:从右到左、上到下或从左到右、下到上。翻转的速度也可以配置。 jquery.flip上到下翻滚
...

2013/8/6 Comments:
[分享]图片转换成Base64代码 Duri me

优化网页的一个小方案就是把小图标转换成base64代码,特别是在手机端的app中,应用很广。

Duri me是一个在线将图片转换成Base64代码的在线应用,无需注册完全免费使用。

正常情况下我们发布一篇文章要插入图片,首先要上传图片,然后再调用图片。

现在你只要将图片上传到Duri me,Duri me会将你的图片转换成代码,我们只要复制Duri me生成的代码到文章内就可以实现图片显示。

Duri me

...
2013/7/10 Comments:
input file标签实现JS图片上传预览效果 选择图片后能立即查看图片

图片预览主要包括两个部分:从file表单控件获取图像数据,根据数据显示预览图像。

图片上传预览是一种在图片上传之前对图片进行本地预览的技术。
使用户选择图片后能立即查看图片,而不需上传服务器,提高用户体验。
但随着浏览器安全性的提高,要实现图片上传预览也越来越困难。
不过群众的智慧是无限的,网上已经有很多变通或先进的方法来实现。
例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法。
但在opera、safari和chrome还是没有办法实现本地预览,只能通过后台来支持预览。

...
2013/5/23 Comments:
22个优秀的前端框架

1. Ember 

 

Ember是一个雄心勃勃的Web应用程序,消除了样板,并提供了一个标准的应用程序架构的JavaScript框架。

Ember

...
2013/4/16 Comments:
兼容Chrome、FF、IE浏览器的复制粘贴方案

也许你在网上冲浪时,经常会在使用复制按钮时,出现下图的情况:
(图)

出现这种情况的原因是:浏览器兼容性的问题,那么来看看前端开发人员是怎么处理的,一般代码如下:

/**
...
2013/4/7 Comments:
jQuery滚动条定位跳转插件(jquery.scrollto.js)

使用方法:
$("被点击元素选择器").scrollTo("目标","speed","setting" );
$.scrollTo("目标","speed","setting" );//网页初始化后立刻滚动

目标选择器可以使选择器,"top", "bottom"
...

2013/4/7 Comments:
Photoshop插件将Shapes转换为CSS3代码

      随着html5,css3的愈加成熟,我们前端开发的势必要好好学习,恰当高效的应用到项目中,按钮是网页不可或缺的元素,那么怎么用css3表现出一个bulingbuling的效果,下面来推荐一款免费的Photoshop插件,它能够将Shapes图形转换为CSS3的代码。这对于那些不是很熟悉CSS3的人来说是相当方便的,只要你把图做出来了,花个几秒钟就能转换成CSS3代码了。此插件支持Photoshop CS3及以上的版本。

下边我们来看一下,转换过程:

...
2012/8/20 Comments:
开始使用搜狗云输入法

开始使用搜狗云输入法

鼠标右键点击下面的按钮,选择右键菜单中的“复制链接地址”,然后手动添加书签:名称填写"启用搜狗云输入法",地址粘帖复制的内容。或者,直接将下面的搜狗云输入法按钮拖到浏览器的书签栏。

...
2012/5/22 Comments: