onpropertychange功能的兼容

    IE的onpropertychange十分的好用,可惜的是只兼容IE,非IE就悲剧了。还好现在HTML5中的oninput已经兼容了这个功能。下面写了个测试页面,大家可以试试。 Demo:lab/onpropertychange/onpropertychange.html 看到这里,你需要知道onpropertychange的作用,还有onchange/onkeyup/onkeydown/onkeypress这几个属性的不同作用。 另外,前辈们已经写了个JS来完美支持这个特性,在Demo中也加入了进...阅读全文
    作者:jucelin | 分类:前端设计, 实验室 | 阅读:4,275 ℃ | 标签:, , , , ,

    js实现选中文字分享到腾讯新浪微博

    参考来源:《js页面文字选中后分享到新浪微博实现》 补充信息:腾讯微博视觉素材 / 腾讯微博分享接口 主要思路:在zxx的demo中添加上分享到腾讯微博的功能,并且把选定文字限制在正文范围内,以太平洋电脑网文章页为例 实现过程中遇到问题:IE下腾讯微博分享的url中含有中文会引起实际分享内容乱码 解决方案:选中部分和url的中文部分使用encodeURIComponent()方法 实际效果如图: 演示地...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:2,861 ℃ | 标签:, , , ,

    jquery.bgiframe使用方法

    jquery.bgiframe是用来处理IE6下select的z-index最高无法被透明层遮罩的BUG,原理也是利用IE6下的BUG,iframe可以遮罩住select,而DIV可以遮罩iframe,这样DIV也就遮罩住了select。 网上转载这个插件的文章很多,但大多都是复制过来的,来基本的错别字都没有修改。jucelin看到这个插件时就下载到了JS代码,但不知道初始化时对谁操作,于是网络中找了一会,很是失望的是,没有找到,也许是我...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:6,359 ℃ | 标签:, , , , , ,

    推荐一个在线JS压缩加密的工具

    以前一直在使用雅虎的YUICompressor来压缩,本地,速度快,压缩后的代码基本上都是成功的,不足的地方就是需要先安装java环境,在安装YUICompressor,否则使用不了。想我这种不喜欢系统慢的人,重装系统是经常的事,每次都得配置环境,累,还拖累系统。 使用在线工具,便成了理所当然的事了。使用过百度应用里面的几个压缩工具,压缩或基本都会调试失败,这点可能是应用的算法存在不同的问...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:1,055 ℃ | 标签:, , , , , , ,

    使用JS和正则表达式限制输入

    为了保证数据的有效性,防止用户输入的不是“理想”的内容,对输入框进行限制,应该算是客户端首先判断的内容,提交后再有服务器端验证。下面是找到的一些常用的使用正则表达式进行限制的代码,供参考。需要客户端支持JS。 用正则表达式限制只能输入中文:(双击代码复制) onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('tex...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:797 ℃ | 标签:, , , ,

    用JS实现表格行合并

    在我们现在做的OA系统中,表格已经成为不可缺少的重要组成部分,如果没有表格,我们的工作可能会增加很多。为了美观表格,常常需要将表格中相同内容的行进行合并,表格中的专用标签就是rowspan,描述一下就是将相邻2行或多行中相同位置的列进行合并,当然合并使用前提的,如内容相同,ID相同等等。这里jucelin写了个用JS实现表格行合并的代码,主要使用ID来判断的,不足是出现了相同的ID,...阅读全文
    作者:jucelin | 分类:前端设计, 实验室 | 阅读:3,183 ℃ | 标签:, , , , ,

    jQuery插件初识:Title提示插件jTipsShow

    jQuery插件多如牛毛,jQuery的高手也是随处可见,作为目前主流javascript框架,jQuery已经是无孔不入。咱也跟上时髦,做点特效,自己观赏观赏,并作为以后参考。高手有时间帮忙指导指导,先谢过。 一、写在前面的话: jucelin也是初学者,写这么个小插件用了一个上午的时间,真是会者不难,难者不会。虽说Title提示类插件已经有很多高手写出来了,如张鑫旭的jQuery万能浮动框插件,功能很强...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:1,194 ℃ | 标签:, , , , , ,

    网页下雪JS代码

    圣诞节了,看到网易的活动页面上有个下雪的特效,就下下来看看,使用的是JS特效,看的比较浅,目前只会简单的使用下,不知道有没有高手能解析下。这里贴出来网页下雪JS代码,如果需要的朋友可以玩玩。 显示样式 正如你在我的博客上看到的,全屏,背景建议不是纯白,否则看不到雪花,你不可能把雪花调彩色吧,哈哈。(好吧,我的博客背景有些白,看的不明显,正考虑要不要调成彩色的,可找了...阅读全文
    作者:jucelin | 分类:前端设计, 实验室 | 阅读:4,922 ℃ | 标签:, , , ,

    省市县城市联动JS库

    插件名称:PCAS (Province City Area Selector 省、市、地区联动选择JS封装类) Ver 2.02 完整版 官方地址:http://www.popub.net/script/pcasunzip.html 使用说明: 演示地址:http://www.popub.net/script/pcasunzip.html 下载地址:http://www.popub.net/script/pcasunzip.js 应用说明:页面包含<script type=”text/javascript” src=”pcasunzip.js” charset=&#...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:2,619 ℃ | 标签:, , ,

    IE下使用JavaScript画直线

    因为项目的需求,需要在客户端绘制直线,以达到2点连线的情况。首先想到的就是使用JS了。百度里面Google了下,用JS画直线可以实现,但问题比较大,最简单的就是使用IE的VML画直线,在非IE下基本上都是使用HTML5画直线或形状。 先看下下面的例子 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"><!--这里需要引入vml--> <head> &l...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:2,872 ℃ | 标签:, , , , , ,

    html+css判断各个IE浏览器版本

    在编写网页代码时,各种浏览器的兼容性是个必须考虑的问题,有些时候无法找到适合所有浏览器的写法,就只能写根据浏览器种类区别的代码,这时就要用到判断代码了。 在HTML代码中,区别各种浏览器的代码如下(以ie6为例,这时目前国内用户最多的,得益于盗版xp系统的广泛流传….不过这玩意也是绝大部分兼容性问题的根源,因为其标准化程度实在是….): <!--[if IE 6]> 仅IE6可识别 <![...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:1,551 ℃ | 标签:, , , ,
更多