上一页 1 ··· 4 5 6 7 8 9 10 11 12 下一页
摘要:智能修改窗口的位置 在测试的时候,我发现调整浏览器尺寸后,原先靠近浏览器边缘的窗口就直接被隐藏掉了,如下图: 出现这问题的原因也很简单,因为窗口的top、left的值是写死的,当浏览器的宽高小于窗口top、left时,必然会被隐藏掉。解决办法就是在调整浏览器尺寸的同时,把窗口的top、left也一起修改,但是具体要修改成多少呢? 经过自己的考虑和他人的指点,最终的解决办法就是按比例修改,也就是按当时窗口离左/右、上/下的距离与整个窗口大小的比例进行缩放,说的可能有点迷糊,不如看下修改公式吧: top = 浏览器缩放前窗口上边距 / ( 浏览器缩放前高度 - 浏览器缩放前窗口高度 ) *... 阅读全文
posted @ 2011-10-05 04:03 胡尐睿丶 阅读(3807) 评论(7) 推荐(5) 编辑
摘要:事件冒泡 事件冒泡是个很常见的问题,不过我之前没听说过,所以这里只是做个笔记,如果了解事件冒泡,并清楚如何处理的,可以直接跳过这篇文章。下面我们看下这面这demo,点击红色区域,会弹出1,点击灰色,会弹出2。alert(2);alert(1); $("#div1").click(function(){ alert(1); }); $("#div2").click(function(){ alert(2); }); 处理办法其实很简单,有两种,一种就是“e.stopPropagation();”,另外一种就是“return false;”。alert(2) 阅读全文
posted @ 2011-10-04 03:30 胡尐睿丶 阅读(2892) 评论(3) 推荐(3) 编辑
摘要:阅读前我再申明一次,这篇文章针对的是应届毕业生,楼下已经有很多人反对我的观点,但我发现他们都没有看到“应届毕业生”这5个字。大公司是好,但的确不适合应届毕业生。 最近经常能在园子里看到许多学子面试归来发的文章,有抱怨面试没过的,有分析哪家公司好,哪家公司差的,也有面试狂人,把一家家公司全部都面... 阅读全文
posted @ 2011-10-02 22:10 胡尐睿丶 阅读(14631) 评论(82) 推荐(18) 编辑
摘要:这次主要讲一下js模板和鼠标右键功能,东西比较简单,我就没有做demo,简单说下原理吧。js模板 为什么要使用js模板?因为在这个系统里,我经常要打开一个或多个窗口,但实际上这些窗口的HTML代码都是一样的,只是其中的参数稍微有点变化。既然如此,何不写成模板,把参数定义成指定格式的标签,然后用正则批量替换,生成真正的HTML代码,再插入页面中。这样不仅阅读方便,而且修改也方面。 说改就改,改之前我考虑了另一个问题,就是要不要使用网上现有的js模板引擎,这方面因为之前完全没了解过,所以搜了几个,有的似乎很有名,比如JST,但也非常大,所以我没有考虑;有的很小,也就是一些JSer自己写的插... 阅读全文
posted @ 2011-10-01 22:09 胡尐睿丶 阅读(2804) 评论(5) 推荐(5) 编辑
摘要:按住我拖动 一晃又过去一个多星期了,途中出了个差,进度上略有耽误,不过还好,上次有个话题没说完,这次继续,就是窗口拖动以及改变窗口尺寸。窗口拖动&改变窗口尺寸 因为这功能可能很多人都做过,所以我只是提供一种我的方法,当然如果有考虑不全的地方,希望大家能提出来,因为拖动层的功能我是第一次做,没太多经验,也请教了很多人。接下来就先看demo吧: HTML代码如下:<div id="movedemo"> <div class="titledemo">按住我拖动</div> <div style="po 阅读全文
posted @ 2011-09-28 01:05 胡尐睿丶 阅读(4052) 评论(8) 推荐(4) 编辑
摘要:这是一款腾讯UED设计的提示插件,看着肯定很眼熟吧,闲话不多说,直接上demo吧。 显示ZENG.msgbox.show(提示信息,图标类型); 隐藏:ZENG.msgbox._hide(); 几秒后自动隐藏:ZENG.msgbox.show(提示信息,图标类型,显示时长); 用法很简单,分别引用对应的css和js文件就行了,就像这样:<link rel="stylesheet" href="msgbox.css" /><script type="text/javascript" src="msgbox.j 阅读全文
posted @ 2011-09-26 15:47 胡尐睿丶 阅读(11038) 评论(6) 推荐(9) 编辑
摘要:经常会遇到这样的情况,当页面展示内容过长时,想点导航切换栏目,就得把滚动条拉回到顶上,这样操作总不太人性化,能不能让导航超出显示范围外时自动贴在屏幕最顶上呢?答案肯定是能的。如果不太明白,把滚动条拉到下面点,看下我博客是效果就明白了。 其实实现起来并不难,我们先把实现流程大致想一下,首先,如果导航在显示范围内,就不用做修改。当导航超出显示范围,也就是导航距离屏幕顶部的距离小于0的时候,我们要让它浮动在屏幕顶上,然后大于0的时候,进行一个复原操作,原理就是这么简单,大致看下效果图吧$().ready(function(){ //导航距离屏幕顶部距离 var _defautlTop = $(... 阅读全文
posted @ 2011-09-21 23:23 胡尐睿丶 阅读(7753) 评论(27) 推荐(5) 编辑
摘要:下面我要用到的插件是我自己写的,关于插件地址是:jquery.HooRay——自己做的一个jquery常用工具插件。关于分享插件的制作流程我也写了篇文章,有兴趣的可以看下:自己写的一个分享按钮的插件(可扩展,内附开发制作流程) 闲话不多说,进入正题吧,大家可以看下文章最后是不是有一排分享的按钮,那个就是最终的效果了,当然不止那一种效果,一共有以下几种效果,分别是: 完整的代码就是这样<link rel="stylesheet" href="http://saw.caifutang.com/jquery.hooray/jquery.HooRay/jquery. 阅读全文
posted @ 2011-09-18 14:13 胡尐睿丶 阅读(4872) 评论(9) 推荐(6) 编辑
摘要:转眼似乎半个多月过去了,最近忙了点其他的事,所以这个CMS做的进度也慢了,不过昨天和今天稍微加了点班,把最大的一块制作OK了,也就是下面我要说的——窗口 先看下窗口大致构成图吧: 窗口很简单,顶部的标题区域、中间的展示区域和底部的功能区域。首先,窗口肯定是通过图标点击后才生成的,也就是窗口不是事先加载并隐藏好,是点击某个图标后再通过jquery写入到页面里来,那我们要做的就是给图标绑定一个创建窗口的事件,我们看下代码://创建窗体Core.create = function(obj){ var sc = obj.attr('shortcut'); var window_warp 阅读全文
posted @ 2011-09-17 01:56 胡尐睿丶 阅读(4649) 评论(8) 推荐(2) 编辑
摘要:昨天晚上经历了这么一个事件,我通过博客园后台的自定义JS模拟出自动关注、自动推荐的功能,本意是为了能引起官方注意,尽早修复。却没想到博客园处理的方式是,把文章移除首页,推荐清零,然后去掉我自定义JS的功能,就差删我文章,封我帐号了。  以下是我在博客园小组以及通过邮件发了2个告示,至今没有回复,而我看到小组里其他一些问题,都是在12小时内就马上回复的,我就不相信管理没看到我的帖子。  当然也有人质... 阅读全文
posted @ 2011-09-14 11:08 胡尐睿丶 阅读(6616) 评论(54) 推荐(42) 编辑
上一页 1 ··· 4 5 6 7 8 9 10 11 12 下一页