|
摘要：
在页面上搜索某个关键字，使关键词高亮；高亮样式自己可以重新定义：例如：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 独孤雁 阅读(306) 评论(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 独孤雁 阅读(239) 评论(0) 推荐(0) 编辑
摘要：
PS:此插件存在性能问题，请慎用！敬请期待新插件，预计6月发布！项目中有一个类似于新浪腾讯微博文本域字符数判断，就是想腾讯微博和新浪微博那样，判断文本框中最多嫩输入140个字，将中文视为一个字符，将英文视为半个字符，也就是两个英文字符按一个字符计算。如果超出就提示！并且实时提示可是输入的文字数。去年也曾经写过类似一个脚本（http://www.css88.com/archives/2027），只是将上次的代码封装成了jquery插件，做了一点点的性能优化，主要是在文本域获取焦点的时候触发setInterval，文本域失去焦点就clearInterval。调用方式：view sourceprin 阅读全文
posted @ 2012-01-31 18:54 独孤雁 阅读(288) 评论(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 独孤雁 阅读(466) 评论(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 独孤雁 阅读(1356) 评论(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 独孤雁 阅读(296) 评论(0) 推荐(0) 编辑 |
||