随笔 - 230, 文章 - 2, 评论 - 47
  博客园  :: 联系 :: 管理

2012年1月31日

摘要:在页面上搜索某个关键字,使关键词高亮;高亮样式自己可以重新定义:例如:span.highlight { color:#F00; font-weight:700}使用高亮:$(‘#fancy-text’).highLight();//清除高亮$(‘#fancy-text’).highLight(“mode”);//显示高亮查看demo:http://www.css88.com/demo/highlight/声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发转载请注明转自《【jquery插件】搜索文本高亮》 阅读全文

posted @ 2012-01-31 19:01 独孤雁 阅读(224) 评论(0) 推荐(0) 编辑

摘要:最近写了个回到顶部的插件,调用方法的$(“.go-top”).goToTop({});$(window).bind(‘scroll resize’,function(){$(“.go-top”).goToTop({});});当然可以传一些参数及参数的默认值:pageWidth:950,//页面宽度pageWidthJg:10,//按钮和页面的间隔距离pageHeightJg:50,//按钮和页面底部的间隔距离startline:20,//出现回到顶部按钮的滚动条scrollTop距离duration:200,//回到顶部的速度时间showBtntime:100,//显示\隐藏回到顶部按钮的速 阅读全文

posted @ 2012-01-31 18:59 独孤雁 阅读(159) 评论(0) 推荐(0) 编辑

摘要:PS:此插件存在性能问题,请慎用!敬请期待新插件,预计6月发布!项目中有一个类似于新浪腾讯微博文本域字符数判断,就是想腾讯微博和新浪微博那样,判断文本框中最多嫩输入140个字,将中文视为一个字符,将英文视为半个字符,也就是两个英文字符按一个字符计算。如果超出就提示!并且实时提示可是输入的文字数。去年也曾经写过类似一个脚本(http://www.css88.com/archives/2027),只是将上次的代码封装成了jquery插件,做了一点点的性能优化,主要是在文本域获取焦点的时候触发setInterval,文本域失去焦点就clearInterval。调用方式:view sourceprin 阅读全文

posted @ 2012-01-31 18:54 独孤雁 阅读(174) 评论(0) 推荐(0) 编辑

摘要:在文本框光标位置插入内容在实际的项目应用中经常用到,比如在文本框插入表情,首先要获取光标在文本框中的位置,当然这个有浏览器兼容性问题。IE下可以通过document.selection.createRange();获取光标位置,代码也很简单:view sourceprint?1if (document.selection) { 2pos = document.selection.createRange(); 3pos.text = "要插入的字符串"; 4}Firefox浏览器则稍微负责一点,需要首先获取光标位置,然后对value进行字符串截取处理。view sourcep 阅读全文

posted @ 2012-01-31 18:52 独孤雁 阅读(340) 评论(0) 推荐(0) 编辑

摘要:转自“http://www.css88.com/demo/VMiddleImg/#”大家在做相册列表的时候可能会遇到这样的情况,用户上传的图片大小不一,长宽不一,然而需求的列表却是固定宽高的如图:此脚本拟达到以下需求1.当图片高或宽超过父容器时截取中间部分显示。2.当图片宽高小于父容器时,居中显示。查看demo:http://blog.dmtuan.com/demo/zmnImgCenter/demo.html初次写脚本,请尽量拍砖。脚本:?[Copy to clipboard]View Code JAVASCRIPT12345678910111213141516171819202122232 阅读全文

posted @ 2012-01-31 18:45 独孤雁 阅读(1180) 评论(0) 推荐(1) 编辑

摘要:转自“http://www.css88.com/demo/autoTextarea/”CSS代码: .chackTextarea-area{ line-height: 20px; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial;resize: none; padding: 0;border: 1px solid #CDCDCD; width: 400px; height: 40px}JS代码,默认的参数及调用: //默认的参数 $(".chackTextarea-ar... 阅读全文

posted @ 2012-01-31 18:42 独孤雁 阅读(210) 评论(0) 推荐(0) 编辑