- 博客(17)
- 收藏
- 关注
RSS订阅转载 CSS实现单行、多行文本溢出显示省略号（…）
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略
2017-11-28 11:14:54
1082
转载 如何禁止 iPhone Safari 视频自动全屏？
由JavaScript控制播放 不使用video标签controls属性iPhone safari 点击视频会弹出播放器进行全屏播放如何不全屏 使视频在网页中播放？iPhone Safari 中播放视频只能全屏，所以这个问题是没有答案的。-------------------------------------以下为拓展，在iOS APP中使用网页视频，是可
2017-11-24 17:38:58
8342
转载 JS中的forEach、map方法 与 jQuery的$.each方法
forEach是ECMA5中Array新方法中最基本的一个，就是遍历，循环。例如下面这个例子：[1, 2 ,3, 4].forEach(alert);等同于下面这个for循环1234vararray = [1, 2, 3, 4];for(vark = 0, length
2017-11-24 13:52:47
263
转载 JS中call、apply、bind的区别
为什么需要这些？主要是因为this，来看看this干的好事。box.onclick = function(){ function fn(){ alert(this); } fn();};123456我们原本以为这里面的this指向的是box,然而却是Window。一般我们这样解决：box.onclick = function(){ var _this =
2017-11-24 13:39:43
247
转载 JS回调函数
在Javascript中，函数是第一类对象，这意味着函数可以像对象一样按照第一类管理被使用。既然函数实际上是对象：它们能被“存储”在变量中，能作为函数参数被传递，能在函数中被创建，能从函数中返回。因为函数是第一类对象，我们可以在Javascript使用回调函数。在下面的文章中，我们将学到关于回调函数的方方面面。回调函数可能是在Javascript中使用最多的函数式编程技巧，虽然在字面上看起
2017-11-24 13:22:41
204
转载 控制滚动条位置
JS控制滚动条的位置：window.scrollTo(x,y);竖向滚动条置顶(window.scrollTo(0,0);竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight)JS控制TextArea滚动条自动滚动到最下部document.getElementById('textarea').scrollTop =
2017-11-17 11:38:59
3168
转载 jQuery 在光标定位的地方插入文字的插件
核心代码: 复制代码代码如下:(function($){ $.fn.extend({ "insert":function(value){ //默认参数 value=$.extend({ "text":"123" },value); var dthis = $(this)[0]; //将jQuery对象转换为DOM元素 //IE下 if(doc
2017-11-17 11:10:46
2498
转载 jQuery实现滚动条滚动到子元素位置（方便定位）
关键代码如下所示：12345678<div class="of-y"id="nurse"> <table class="high width" id="nurse-plan"><tr id="tr-one"><tr id=
2017-11-17 10:49:57
1022
转载 js和jquery实现监听键盘事件示例代码
项目中要监听键盘组合键CTRL+C，以便做出对应的响应。查了一些方法但是其兼容性和稳定性不是很高，最终得到如下方法，经测试在Firfox、Chrome、IE中均可以使用。一、使用javascript实现123456789101112131415
2017-11-17 10:43:53
832
转载 css3 制作各种形状的图形
制作圆形：要使用CSS来制作一个圆形，我们需要一个div，被给它设置一个ID 圆形在设置CSS时要设置宽度和高度相等，然后设置border-radius属性为宽度或高度的一半即可：#circle { width: 120px; height: 120px; background: #7fee1d; -moz-b
2017-11-15 14:46:21
2371
转载 CSS3 之 RGBa 可透明颜色
在 CSS3 中，增加了一个 opacity 属性，允许开发者设置元素的透明度，现在 opacity 已被主流的现代浏览器支持，但 opacity 会把被设置的元素及其子元素同时设置为同一个透明度，这样的透明规则相当不灵活，在实际开发中往往也是会遇到很多麻烦。其实，在 CSS3 中还有另外一套颜色透明解决方案 —— RGBa 。相对于 opacity ，RGBa 可以在单个元素上设置透明度，而不影
2017-11-15 14:13:23
5201
转载 纯CSS实现易拉罐3D滚动效果
一、效果抢先预览与之前文章婆婆妈妈的开头不同，本文首先展示使用CSS实现的炫酷效果：横向移动滚动条，您会发现，易拉罐随着滚动条的滚动，自身也在滚动。但是，如果您现在使用的是IE6浏览器或是IE6为内核的浏览器，我只能说声”I’m sorry!”，首先IE6不支持png32透明或半透明的背景，其次不支持背景图片的fixed固定定位。二、原理解剖首先，说几个关键字，
2017-11-15 13:15:37
1221
转载 javascript 设为首页 | 加入收藏夹 JS代码
我们介绍一个可兼容所有浏览器的加入收藏代码代码，大概原理是这样的我们根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器，根据浏览器是否支持加入收藏js命令，如果可以自动收藏否则就提示ctrl+D手动收藏了。 1 function addFavorite2() { 2 var url = window.location;
2017-11-11 00:56:21
10787
转载 Html5新标签解释及用法
HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。
2017-11-11 00:51:29
264
转载 移动端HTML5音频与视频问题及解决方案
最近在研究用视频代替动画，用视频代替精灵动画，我们称这种视频叫做交互视频。传统的精灵动画：磁盘空间大，下载慢，尤其是在线播放，会更慢文件太多，在线播放的时候，太多http请求，会导致响应慢，或者行为失常因此，急需开发了一套技术，用视频代替精灵动画。我们称这种视频叫做交互视频 传统视频的问题：传统视频，只能在方块形的区域中播放
2017-11-09 22:46:26
1125
转载 css属性 writing-mode 改变文字书写方向 作为IE的私有属性之一，IE5.5率先实现了 writing-mode ，后期被w3c采纳成标准属性； 复制代码 #test{
css属性 writing-mode 改变文字书写方向作为IE的私有属性之一，IE5.5率先实现了 writing-mode ，后期被w3c采纳成标准属性；#test{ -webkit-writing-mode: vertical-rl;/*horizontal-tb:水平方向自上而下的书写*/ /*vertic
2017-11-09 22:23:36
769
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人