上一页 1 2 3 4 5 6 7 8 9 10 ··· 12 下一页
摘要:因为我们无法通过任何方法获取整个页面的大小和当前加载了多少,所以想制作一个加载进度条的唯一办法就是模拟。那要怎么模拟呢? 我们知道,页面是从上往下执行的,也就是说我们可以大致估算出在页面的某个位置加载了多少,而后用jq模拟出一个进度条来显示。 首先我们先画一个进度条的样子,也就是上图图中的样... 阅读全文
posted @ 2011-12-18 00:45 胡尐睿丶 阅读(15199) 评论(7) 推荐(6) 编辑
摘要:判断浏览器是否缩放 这是一个困扰我一周的问题了,不过现在终于在@Mr.L的协助下解决了,下面先描述下问题吧。大家在浏览QQ空间的时候,通过浏览器,或者按住ctrl+鼠标滚轮进行页面缩放,页面上会有个很友好的提示,如: 开始,我以为是通过判断窗口宽高,但发现缩放后的宽高和原先的宽高是一样的。失败。 然后,通过别人提供的资料《How to detect page zoom level in all modern browsers?》,发现如果高度定死,缩放后获取的高度是不变的,所以高度必须让他自适应,这样获取的高度是实际高度。之后的操作就简单了,domReady后,记录当前高度,当缩放时,也... 阅读全文
posted @ 2011-12-10 02:29 胡尐睿丶 阅读(3911) 评论(7) 推荐(5) 编辑
摘要:拖动实现的思路已经更新,为防止大家步入误区,本文建议不用阅读太细,实现思路请参考:http://www.cnblogs.com/hooray/archive/2012/03/23/2414410.html图标拖动排序 最近加了一个人,给我提了不少意见,也帮了测了一些bug,这次要说的更新就是图标拖动排序的功能。开始我以为实现会很难,当动手开始做的时候,发现也不过如此。下面我就一点点把我的思路告诉大家。 首先,图标拖动和窗口拖动的实现代码是几乎一样的,如果你对这个不清楚,可以看下我之前写的文章《EonerCMS——做一个仿桌面系统的CMS(四)》,关于拖动时的样式效果,我都是以win7做... 阅读全文
posted @ 2011-12-07 02:11 胡尐睿丶 阅读(3903) 评论(14) 推荐(5) 编辑
摘要:此篇文章发布于2011年,当时的想法与现在已有不同,不建议继续阅读。 如果你还不知道LESS CSS是什么东西,可以看一下这篇文章,是我一朋友写给新人看的《CSS——LESS》 不可否认,LESS CSS是个强大的工具,它弥补了css没有变量、无法运算等一些“先天缺陷”,但它似乎给我一种错觉... 阅读全文
posted @ 2011-12-02 15:35 胡尐睿丶 阅读(55208) 评论(47) 推荐(8) 编辑
摘要:插件我就不多介绍了,在我整理的《常用JQuery插件整理》里介绍,也有示例。但在实际运用中,我发现一个插件无法达到的效果,语言比较难描述,看图说话吧 发现什么问题没有,我做了个demo,虽然已经达到放大镜的效果了,但是大图的显示位置不是我想要的效果,我想要的效果就是,大图的位置和左边图的外框平行,并且始终保持在那个位置。可能有人会说,插件不是提供了xy轴偏移的设置么。是,但是如果图片切换了,尺寸和原先的不一样,xy轴的偏移量要怎么重新设置?最终可能就会出现这样的效果 所以,为了实现我的需求,我就要对插件进行修改,好在插件提供了未压缩的代码,而且中文注释完整,所以我大致看了下源码,就修改... 阅读全文
posted @ 2011-11-28 02:11 胡尐睿丶 阅读(7506) 评论(5) 推荐(4) 编辑
摘要:前几天写了篇文章,就是用css来实现三角箭头,虽然达到需要的效果了,但还是有一些问题,比如依旧需要靠position来定位箭头的位置。而且目前也只能实现三角箭头,若想用一些其他的字符,还是得用图片。于是最近一直在寻找更好的办法,最终被我找到了…… 首先,我们去C盘Fonts文件夹里找到WEBDINGS.TTF字体,复制到桌面。接下来,我们需要一个软件,就是“fontforge”,它可以实现制作自定义字体的功能,我们后面就要用它来做一个适用于我们自己的字体库。 下载好后解压,把WEBDINGS.TTF字体复制到里面,运行fontforge.bat并选择字体文件,然后出现这个界面: 很多... 阅读全文
posted @ 2011-11-24 00:07 胡尐睿丶 阅读(2827) 评论(4) 推荐(2) 编辑
摘要:通常,我们实现盒阴影都是通过这段代码来实现的 -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; 但是,IE6、7、8不认识这段样式,所以我们会考虑用滤镜来实现这功能 /* For IE 8 */ -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* F... 阅读全文
posted @ 2011-11-22 01:07 胡尐睿丶 阅读(6324) 评论(6) 推荐(2) 编辑
摘要:随着jq1.7的发布,事件绑定有了统一的API:on()、off(),我的EonerCMS也做了相应的更新,因为改动部分不很多,所以就一笔带过了。 因为仿os界面框架已经做的差不多了,要准备开始做实际性的功能了,比如CMS必须有的分类管理,新闻管理等,所以要准备制作这几个栏目需要的页面。为了用户体验的友好,我打算是列表页和编辑页是在同一个页面里,用滑动切换的模式操作,如:查看demo 我现在只做了这一个demo页面,效果自认为还不错,但在IE6下一看,兼容性就一塌糊涂了,所以现在正在考虑是放弃IE6,还是换种操作模式。当然,如果你有好的界面,并且操作上很友好,希望你能提供给我参考下。如... 阅读全文
posted @ 2011-11-21 10:11 胡尐睿丶 阅读(2962) 评论(5) 推荐(3) 编辑
摘要:通常,我们做上图那个三角形,一般都是做张图,而且需要两张,因为一般都是下拉菜单的效果,需要有个hover的样式,箭头是反的。那是不是有更好的办法呢,毕竟要用两张图片来解决这么一个小问题太浪费资源了,于是,下面我要用一个剑走偏锋的方法来解决这一问题,用到的只需css的一个属性,就是border-width 我们先来看个样式,如果设置元素边框,会怎么样:test 似乎看不出什么,让我给四个边框加上不同的颜色吧再看看吧:test 是不是发现了些什么?对,让我们把中间的文字去掉吧: 这样,就出现4个三角形了,然后我们如果需要顶部那个三角形,只需要将border的left、right、bot... 阅读全文
posted @ 2011-11-12 01:22 胡尐睿丶 阅读(9835) 评论(12) 推荐(6) 编辑
摘要:废话不多说,继上次遗留的问题——内存泄漏。 趁周末,查了好多资料,也问了好多JS高手,大致是这么个情况。因为我每打开一个窗口,就绑定了一个永久性的dom元素,而dom元素的回收是靠计数器,计数器是会累加的,如果没有清零,即便删掉了节点,其实还是驻留在内存中。 既然大致明白了原理,处理起来就相对比较简单了,就一句话,首先先看下原先的关闭窗口的代码 //关闭 $('.task-window li[window="'+obj.attr('window')+'"]').remove(); obj.fadeOut("500&q 阅读全文
posted @ 2011-11-07 01:31 胡尐睿丶 阅读(4540) 评论(12) 推荐(7) 编辑
上一页 1 2 3 4 5 6 7 8 9 10 ··· 12 下一页