一个1x1px大小Data/Base64数据的gif透明图片

<!---黑--> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs="> <!---灰---> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="> <!---透明---> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABA...
2018-08-29 11:05 | 阅读 296 次 | 评论 0 条

今天刚发现outline这个css属性,结合border可实现双边框效果

只需要给div加入下面的css属性: 关键属性:background、border、outline position: absolute; top: 20px; left: 50px; width: 200px; height: 200px; background: green; z-index: 1000; border: 5px solid #fff; outline: 5px solid green; 以前我都是用两个div,大框套小框。真是...
2018-03-25 01:00 | 阅读 752 次 | 评论 1 条

ECMAScript6(es6)实现并集(union)、交集(intersection)、差集(difference)

并集(union) let a = new Set([1,2,3]); let b = new Set([4,3,2]); let union = new Set([...a, ...b]); // {1,2,3,4} 交集(intersection) let a = new Set([1,2,3]); let b = new Set([4,3,2]); let intersection = new Set([...a].filter(x => b.has(x))); // {2,3} 差集(differen...
2018-03-15 12:47 | 阅读 1203 次 | 评论 0 条

语法高亮插件prism.js不错,下一个项目就用它了

做个记号....................
2018-01-15 00:44 | 阅读 735 次 | 评论 0 条

javascript读取网页图片(验证码)然后发送到服务器

挺简单的 var img_url = $input_verifycode.next('img').attr('src'); var r = new XMLHttpRequest(); r.open("GET", img_url); r.responseType = "blob"; r.onload = function(e){ var data = new FormData(); data.append('image_data', this.response); $.ajax({ url: 'http://localhost:8088/uploa...
2017-08-02 17:38 | 阅读 827 次 | 评论 0 条

收集一个语法高亮插件prismjs

http://prismjs.com/
2016-11-12 18:16 | 阅读 1769 次 | 评论 0 条

jquery实现滚动新闻播报,超简短

太短了,我都佩服我自己了。原理就是不停的把第一条放到最后,然后向前滚动一条。 <style> .container{position:relative; height:30px; width:200px; overflow:hidden; border:1px solid #333;} .news{position:absolute; top:0; margin:0;} .news li{line-height:30px;} </style> <div class="container"> <ul class="news"> <li><a hre...
2016-08-09 20:26 | 阅读 2993 次 | 评论 0 条

jquery的幻灯片插件RoyalSlider

可以支持手机触屏滑动幻灯片,使用简单,定制性强。 http://dimsemenov.com/plugins/royal-slider/
2016-05-19 10:37 | 阅读 18021 次 | 评论 0 条

jquery的图像剪裁插件Jcrop

很好用 http://jcrop.org/
2016-05-19 10:34 | 阅读 17861 次 | 评论 0 条

jquery无缝隙连续滚动代码【走马灯效果】

通常我们在做网页布局的时候,客户为要求在某个地方实现图片滚动或文字滚动的展示,这就是所谓的跑马灯效果,在以前蓝叶用html标签marquee来做跑马灯效果,marquee不是很完美,如果一个层的宽度或高度过长,那么中间会用空隙显得很不美观;现在蓝叶用jquery无缝隙连续滚动代码来实现跑马灯效果,这段jquery无缝隙连续滚动代码可以自由设置,向左、向右、向上、向下的滚动效果,如果你需要就把以下代码复制到你需要的地方,稍微进行修改即可使用了,这是一段jquery代码,需要jquery库的支持才行。 //以下代码复制到JS文件中调用 $.fn.imgscro...
2016-05-16 17:20 | 阅读 19160 次 | 评论 0 条

在移动端(比如手机)使用jquery获得触摸事件

不要用click,click是手指离开屏幕时才触发,显得反应不灵敏,用touchstart。示例代码如下: $('div.dom').on('touchstart', function (evt) { // });
2016-05-12 15:48 | 阅读 14658 次 | 评论 0 条

Jquery动态构建form

jQuery(function ($) { $.extend({ form: function (url, data, method) { if (method == null) method = 'POST'; if (data == null) data = {}; var form = $('<form>').attr({ method: method, action: url }).css({ display: 'none' }); var addData = function (na...
2015-11-13 16:32 | 阅读 3195 次 | 评论 0 条

几行js代码实现前端支持rails的data-remote="true"

rails的data-remote="true"很方便,链接加上这个属性点击链接即可在前端运行链接所指向的服务端返回的js代码。前端只需要下面几行代码 $(document).ready(function () { $("a[data-remote=true]").click(function(e){ e.preventDefault(); $.getScript($(this).attr('href')); }); });
2015-07-14 09:59 | 阅读 3195 次 | 评论 0 条

用jquery实现post请求(非ajax)

jQuery(function ($) { $.extend({ form: function (url, data, method) { if (method == null) method = 'POST'; if (data == null) data = {}; var form = $('<form>').attr({ method: method, action: url }).css({ display: 'none' }); var addData = funct...
2015-05-09 10:32 | 阅读 2854 次 | 评论 1 条

用jquery实现post请求(非ajax)

jQuery(function ($) { $.extend({ form: function (url, data, method) { if (method == null) method = 'POST'; if (data == null) data = {}; var form = $('<form>').attr({ method: method, action: url }).css({ display: 'none' }); var addData = funct...
2015-05-09 10:31 | 阅读 5545 次 | 评论 0 条

用jquery实现post请求(非ajax)

jQuery(function ($) { $.extend({ form: function (url, data, method) { if (method == null) method = 'POST'; if (data == null) data = {}; var form = $('<form>').attr({ method: method, action: url }).css({ display: 'none' }); var addData = funct...
2015-05-09 10:31 | 阅读 1083 次 | 评论 0 条

一个好用的日期控件layDate

http://sentsin.com/layui/laydate/
2014-06-20 15:45 | 阅读 4762 次 | 评论 0 条

竖向居中最简单的方法(三行CSS3代码)

你无需知道父元素有多高。 .element { position: relative; top: 50%; transform: translateY(-50%); } 转自 http://www.webhek.com/translatey-vertical-align/
2014-05-28 10:29 | 阅读 1135 次 | 评论 0 条

sass的clearfix设置

.clearfix:after clear: both content: "." display: block height: 0 visibility: hidden
2014-03-10 17:55 | 阅读 1252 次 | 评论 0 条

在chrome下实现jquery跨域访问iframe的方法

给chrome启动加个参数 --disable-web-security 方法1 在命令行运行 "C:\Program Files\Google\Chrome\Application\chrome.exe" --disable-web-security 方法2 在桌面复制一个chrome的快捷方式,重命名为“Chrome跨域”,右键“属性”,在“目标”后面加上 --disable-web-security,即目标改为上面的"C:\Program Files\Google\Chrome\Application\chro...
2014-02-20 14:33 | 阅读 12365 次 | 评论 0 条
浏览1730080次
文章归档
最新评论