08 2014 档案

[Jquery] Jquery获取浏览器宽高的代码
摘要： 阅读全文
posted @ 2014-08-29 13:58 唸随爱 阅读(135) 评论(0) 推荐(0)
CSS3 animation的steps方式过渡
摘要：animation默认以ease方式过渡，它会在每个关键帧之间插入补间动画，所以动画效果是连贯性的。除了ease，linear、cubic-bezier之类的过渡函数都会为其插入补间。但有些效果不需要补间，只需要关键帧之间的跳跃，这时应该使用steps过渡方式。 比如GIF动图不支持程序对播放的控... 阅读全文
posted @ 2014-08-29 13:55 唸随爱 阅读(534) 评论(0) 推荐(0)
js点击图片显示在左边大图
摘要： 阅读全文
posted @ 2014-08-28 14:25 唸随爱 阅读(480) 评论(0) 推荐(0)
点击播放js
摘要： 阅读全文
posted @ 2014-08-28 14:21 唸随爱 阅读(156) 评论(0) 推荐(0)
截取长文本，显示省略号（多行）
摘要：其实也是前些日子做移动端的页面接到这么个需求，本来以为这没法实现，同事跟我说-webkit-line-clamp属性可以，就去查了查，果然Pc端基本不会有这种需求，因为这个方法兼容性太差，浏览器份额不是webkit占大头（特别是天朝），看前缀就知道只支持webkit内核，他属于webkit内部属性，... 阅读全文
posted @ 2014-08-28 09:18 唸随爱 阅读(284) 评论(0) 推荐(0)
css3媒体查询判断移动设备横竖屏
摘要：/* 设备竖屏时调用该段css代码 */ @media all and (orientation : portrait){ body{ background-color:blue; } } /* 设备横屏时调用该段css代码 */ @media all and (orientation : la... 阅读全文
posted @ 2014-08-21 16:40 唸随爱 阅读(283) 评论(0) 推荐(0)
12个你未必知道的CSS小知识
摘要：虽然CSS并不是一种很复杂的技术，但就算你是一个使用CSS多年的高手，仍然会有很多CSS用法/属性/属性值你从来没使用过，甚至从来没听说过。1.CSS的color属性并非只能用于文本显示对于CSS的color属性，相信所有Web开发人员都使用过。如果你并不是一个特别有经验的程序员，我相信你未必知道c... 阅读全文
posted @ 2014-08-20 11:00 唸随爱 阅读(272) 评论(0) 推荐(0)
css3加载中
摘要：.loader { margin: 6em auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(255, 255, 255, 0.2); border-... 阅读全文
posted @ 2014-08-20 10:25 唸随爱 阅读(202) 评论(0) 推荐(0)
轮播图
摘要：html： css：.posterTvGrid{position:relative;height:280px;}.posterTvGrid img{max-width:none;max-height:none;border:0 none;background:#888;}.posterTvGrid... 阅读全文
posted @ 2014-08-19 17:06 唸随爱 阅读(394) 评论(0) 推荐(0)
[Jquery] js获取浏览器滚动条距离顶端的距离
摘要：需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小一、jQuery获取的相关方法jquery 获取滚动条高度获取浏览器显示区域的高度 ： $(window).height(); 获取浏览器显示区域的宽度 ：$(window).width(); 获取页面的文档高度 ：$(docum... 阅读全文
posted @ 2014-08-18 17:33 唸随爱 阅读(711) 评论(0) 推荐(0)
[JavaScript] js 复制到剪切板
摘要：zeroclipboard官网：https://github.com/zeroclipboard/ZeroClipboard下载压缩包，得到两个“ZeroClipboard.js”和“ZeroClipboard.swf”两个文件。首先页面中载入ZeroClipboard.jsZeroClipboar... 阅读全文
posted @ 2014-08-18 17:30 唸随爱 阅读(291) 评论(0) 推荐(0)
[JavaScript] js实现简单的代码运行框
摘要：这里是要输入的内容 阅读全文
posted @ 2014-08-18 17:27 唸随爱 阅读(462) 评论(0) 推荐(0)
[JavaScript] js 迅雷评分效果
摘要：迅雷评分效果 - 豪情 力荐 阅读全文
posted @ 2014-08-18 17:26 唸随爱 阅读(115) 评论(0) 推荐(0)
[JavaScript] js判断是否在微信浏览器中打开
摘要：用JS来判断了，经过查找资料终于实现了效果，function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return t... 阅读全文
posted @ 2014-08-18 17:24 唸随爱 阅读(219) 评论(0) 推荐(0)
[JavaScript] 怎么使用JS禁止复制粘贴
摘要：1. 将彻底屏蔽鼠标右键，其实是禁止快捷菜单，因为不光右键可以弹出这个菜单，键盘上空格键右边的windows键也可以激活这个快捷菜单no 可用于Table2. 禁止选取、防止复制3. 禁止粘贴4. 禁止复制和剪切5. 关闭输入法 阅读全文
posted @ 2014-08-18 17:19 唸随爱 阅读(1196) 评论(0) 推荐(0)
[JavaScript] 用html5 js实现浏览器全屏
摘要：项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按F11全屏的效果。 在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以让页面中的图片，视频等全屏目前只有google chrome 15 +,safri5.1+,firfox10+,IE11支持 全屏：var ... 阅读全文
posted @ 2014-08-18 17:18 唸随爱 阅读(371) 评论(0) 推荐(0)
[JavaScript] js获取Html元素的实际宽度高度
摘要：第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如，这中情况通过上述2个方法都能拿到宽度。小结，因为id.offse... 阅读全文
posted @ 2014-08-18 17:16 唸随爱 阅读(698) 评论(0) 推荐(0)
cursor:hand与cursor:pointer的区别介绍
摘要：cursor:hand 与 cursor:pointer 的效果是一样的，都像光标指向链接一样，光标变成手行。 cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。 cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版... 阅读全文
posted @ 2014-08-15 13:58 唸随爱 阅读(642) 评论(0) 推荐(0)
延迟加载
摘要：var imagesrcname='a',thissrolltop=300, lazyLoad=(function(){ var map_element = {}, element_obj = [], download_count = 0, last_offset =... 阅读全文
posted @ 2014-08-12 17:20 唸随爱 阅读(143) 评论(0) 推荐(0)
禁止选中
摘要：Html:上一页css:-moz-user-select:none; 阅读全文
posted @ 2014-08-12 14:42 唸随爱 阅读(158) 评论(0) 推荐(0)
换一换js
摘要：(function(){ var tit = $("#changes"), con = $("#wday>ul"), page = con.length, index = 0; tit.click(function(){ if(in... 阅读全文
posted @ 2014-08-12 14:18 唸随爱 阅读(748) 评论(0) 推荐(0)
点击隐藏
摘要：$("#closes").click(function(){ $("#wxdown").hide(); $("#h50").hide(); }); 阅读全文
posted @ 2014-08-01 16:51 唸随爱 阅读(114) 评论(0) 推荐(0)