2013年7月29日

媒体查询器(转)@media screen and

摘要: CSS3 Media Queries 让网页更好的支持移动设备发表于 2012 年 2 月 1 日 CSS3的Media Queries可以查询设备的屏幕尺寸颜色等信息,我们就可以根据不同的设备来写CSS,让网页在不同设备上有更好的用户体验。本站做了一些尝试,有兴趣的朋友可以缩放网页窗口看下效果。下面简单介绍一下基本用法: /* 基本语法 */ @media screen and (min-width:1024px) and (max-width:1280px){ body{padding:1em;} } /* 常用类型 */ 类型 解释 ... 阅读全文

posted @ 2013-07-29 16:26 小猕儿 阅读(989) 评论(0) 推荐(0) 编辑

2013年7月9日

javascript解决URL (转)

摘要: URL在大多数时候都是后端程序员关心的事情,但有的时候前端程序员也需要与之打交道,可能很多人都做过的一件事就是通过对 href 属性的写操作达到跳转页面的目的,不过这并不是今天要讨论的全部话题。对于 URL,我们需要了解更多,因为我们的开发中可能会需要提取URL的部分信息来做不同的事情,事实上这也是与后端交互的一种独特的方式,当然这肯定是安全 的,当请求被返回,关于 url 的信息就被记录在了 Window 对象的 Location 属性中,取值的结果并不随着用户手动修改地址栏中的字符而发生任何改变,这一点是很重要的。了解了这些内容,那么我们从下面这张图开始吧:不要被那些色块迷惑了,图片中间那 阅读全文

posted @ 2013-07-09 15:23 小猕儿 阅读(283) 评论(0) 推荐(0) 编辑

使用 js 处理 html entities(转)

摘要: 有的时候我们可能不得不使用 js 来处理 html entities,例如把 > 这样的内容转化成 > 符号,或者是相反的操作。如果你不幸遇到了这样的需求,下面的内容也许会有所帮助。unescapeHtmlEntities 的实现非常简单,创建一个节点元素,然后将字符串写入这个元素的 innerHTML 属性,最后返回这个元素的文本内容。调用下面的函数时传参'>',得到的结果将会是'>'function unescapeHtmlEntities(str) {var tempEle = document.createElement(&quo 阅读全文

posted @ 2013-07-09 15:07 小猕儿 阅读(792) 评论(0) 推荐(0) 编辑

FileReader详解与实例---读取并显示图像文件

摘要: 在这之前的 web 应用程序中,实现这个效果的通常做法是将用户选择的图像文件传送至后端,后端对其进行存储,再将 URL 返回到前端,前端通过这个 URL 来显示图像。 FileReader 的突破在于使得 JavaScript 拥有了处理文件的能力,它可以异步地读取存储在用户电脑中的文件,这里所指的文件,对于 JavaScript 来说是一个 File 对象,FileReader 读取文件的全部方法皆依赖于此,对于 File 对象还不是很了解的话,请先阅读《HTML5 中 File 对象初探》,这是本文的基础。1. 能力检测与创建实例检测一个浏览器是否支持 FileReader 很容易做到,支 阅读全文

posted @ 2013-07-09 14:44 小猕儿 阅读(284) 评论(0) 推荐(0) 编辑

HTML5中File对象初探

摘要: 参考地址:http://www.jsmix.com/blog/html5/html5-file-pre-test.html 阅读全文

posted @ 2013-07-09 13:31 小猕儿 阅读(400) 评论(0) 推荐(0) 编辑

2013年7月2日

createTextRange和createRange的一些用法(重点)

摘要: 一、返回createTextRange的text和htmlText二、获取指定文本框中的选中的文字:只响应第一个文本框三、页面文本倒序查找abababababababa四、聚焦控件后把光标放到最后五、得到文本框内光标位置六、控制input框内光标位置七、选中文本框中的一段文字八、控制文本框内光标的移动" onclick=go(1)>九、取光标位置点击textarea sdfsdfsdfsdfsdfsdfsdf 阅读全文

posted @ 2013-07-02 18:43 小猕儿 阅读(2267) 评论(0) 推荐(0) 编辑

document.selection.createRange方法(转)

摘要: document.selection.createRange() 根据当前文字选择返回 TextRange 对象,或根据控件选择返回 ControlRange 对象。配合 execCommand,在 HTML 编辑器中很有用,比如:文字加粗、斜体、复制、粘贴、创建超链接等。实例一:哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步,我们才能赚大钱!实例二: 就是现在文本域里有一段文字,当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框,对话框的信息就是你选中的文字哪位老大能解决的呀?请多多帮忙!!!谢谢 就是现在文本域里有一段文字,当你选种其中几个字后点击一个按钮或者链接会弹. 阅读全文

posted @ 2013-07-02 17:34 小猕儿 阅读(579) 评论(0) 推荐(0) 编辑

2013年6月5日

jq通过宽度调用不同样式

摘要: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $(window).bind("resize", resizeWindow); function resizeWindow(e){ var 阅读全文

posted @ 2013-06-05 11:42 小猕儿 阅读(229) 评论(0) 推荐(0) 编辑

2013年6月3日

获取鼠标滚轮的增值量

摘要: //获取滚轮的增值量function getWheelDelta(event){ if(event.wheelDelta){ return (client.engine.opera&&client.engine.opera<9.5?-event.wheelDelta:event.wheelDelta) }else{ return -event.detail*40; }} 阅读全文

posted @ 2013-06-03 16:54 小猕儿 阅读(220) 评论(0) 推荐(1) 编辑

2013年5月27日

js 事件对象 鼠标滚轮效果演示说明

摘要: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Mouse Wheel Data</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> .s 阅读全文

posted @ 2013-05-27 15:00 小猕儿 阅读(308) 评论(0) 推荐(0) 编辑

导航