一个精确到毫秒的时钟

摘要: 练习一下function mytimer(){ var d = new Date(); var h = d.getHours(); var m = d.getMinutes(); var s = d.getSeconds(); var ms = String(d.getMilliseconds()).charAt(0); h = (h < 10)?("0"+h) : h; ... 阅读全文
posted @ 2013-11-01 18:40 fishenal 阅读(5892) 评论(0) 推荐(0)

一些有意思的javascript代码示例 记录更新

摘要: 1 . 标签语句和continuevar i, j;loop1:for (i = 0; i < 3; i++) { //The first for statement is labeled "loop1" loop2: for (j = 0; j < 3; j++) { //The second for statement is labeled "loop2" if (i == 1 && j == 1) { continue loop1; } else { console.log("i = " + i + 阅读全文
posted @ 2013-10-18 18:35 fishenal 阅读(186) 评论(0) 推荐(0)

IE6下9种常见bug及解决方法(翻译转载)

摘要: 这篇文章是我目前发现的关于ie6bug比较全面的一篇,解读也比较详细,地址如下E文好的戳这里问题一居中布局居中是网页布局中最常见的一种方式,最方便的方法是通过margin:auto;来实现,这个方法不论屏幕分辨率和浏览器宽度如何都很好用。但是怪异模式下的IE6用了一种很悲剧的方式去解决这个属性,那就是不去管它。看下面的代码:12345678910111213141516#container{border:solid1px#000;background:#777;width:400px;height:160px;margin:30px0030px;}#element{background:#95 阅读全文
posted @ 2013-10-17 11:19 fishenal 阅读(222) 评论(0) 推荐(0)

Data URL(data:image/jpg;base64,)加速网页加载的方法

摘要: 其实“data:image/jpg;base64,/9j/4AAQSkZ……” 就是一张图片的Data URL,就是利用base64编码把图片数据翻译成标准ASCII字符。Data URL是在本地直接绘制图片,不是从服务器加载,所以节省了HTTP连接,起到加速网页的作用。语法:data:image/jpg; 声明数据协议及类型名称base64, 编码形式为base64/9j/4AAQSkZ…… base64编码结果最后附上Data URL的生成方法(PHP):view sourceprint?1P.S. 本方法适合于小图片,大图片就不要考虑了,另外IE8以下浏览器不支持这种方... 阅读全文
posted @ 2013-10-16 17:34 fishenal 阅读(1710) 评论(0) 推荐(0)

css display的block,inline和inline-block

摘要: display显示模式常会用到,是基础中的基础。很多做前端开发的朋友可能对此会嗤之以鼻,但是如果对这个问题不能深入理解的话,工作中也会出现很多意想不到的问题。比如我今天,用到inline-block的时候我不了解他的兼容性情况,因为有的时候貌似IE6也识别了这个属性,有的时候又不识别。在网上查了以后发现,原来是自然属性是inline的元素,IE6/7是识别inline-block的。所以为了巩固一下display这方面的内容,我整理了一下这方面的知识一下block和inline的部分来自这篇文章:http://www.impressivewebs.com/difference-block-in 阅读全文
posted @ 2013-10-16 10:31 fishenal 阅读(248) 评论(0) 推荐(0)

两种js function 声明方式

摘要: http://helephant.com/2012/07/14/javascript-function-declaration-vs-expression/一种叫function declaration,一种叫function operator.function declaration 这样:function destroyDeathStar() { alert("Stay on target, stay on target");}function operator 这样:var destroyDeathStar = function() { alert("Sta 阅读全文
posted @ 2013-10-12 11:24 fishenal 阅读(564) 评论(0) 推荐(0)

function($){}(window.jQuery) 是什么意思?

摘要: function(){}();(function(){})();这两个是self-invoking anonymous 自调匿名函数,用这类的方法,能强制使匿名函数成为表达式,把不合法变成合法。()是对函数赋值,所以function($){}(window.jQuery) 就是指把window.jQuery 作为参数传给前面的匿名函数,也就是$.这样做的好处是,在这个匿名函数代码块里保证了$ 与 window.jQuery 是相等的,并且不影响外部其他程序对$的改变。 阅读全文
posted @ 2013-10-12 10:31 fishenal 阅读(475) 评论(0) 推荐(0)

用jQuery做边栏追随鼠标拖动(思路+实践)

摘要: 最近自作主张在论坛上做了一个效果,结果被枪毙掉,起因如下:1.该论坛全站在右边会有一个边栏,这个边栏展现了很多重要信息,包括用户名,用户操作,版规,日历等等等等。2.但是当用户往下滚,继续往下滚,不断的往下滚~看,我的个人信息看不到了,论坛的帖子是五十条,这也太长了吧,哭。3.上面那张图还好,至少还可以看见边栏的一个尾巴,继续,会发现如上图,纳尼?右边那片白白的是什么东西,还有,我的个人信息去哪里去看,我的消息提醒点那里去读?由于工作性质比较自由,基于用户的反馈,我深刻意识到这个问题的严重,于是就打算拿起jqeury的武器来帮助广大人民群众解决这个问题,思路嘛,很简单,就是让右边的边栏追随页面 阅读全文
posted @ 2012-12-27 18:14 fishenal 阅读(416) 评论(0) 推荐(0)

jQuery 学习笔记

摘要: //一个切换显示的按钮$('#toggleButton').click(function() { $('#disclaimer').toggle(); if ($('#disclaimer').is(':visible')) { $(this).val('Hide'); } else { $(this).val('Show'); }});//添加新元素$('<p>A new paragraph!</p>').addClass('new');// 阅读全文
posted @ 2011-10-17 22:28 fishenal 阅读(139) 评论(0) 推荐(0)

用jQuery 给输入框传值提高用户体验的小方法

摘要: 在用户往输入框中输入之前,输入框中有文字提醒或者说明,当用户点击提醒取消,当用户移出输入框提醒恢复,是一种不错的用户体验,另外还可以解决某些输入框位置太狭小导致无处放label的尴尬。这个过程用jqeury很好实现,但是其中的一些小问题要考虑清楚。下面便是我的过程:<input id="username" type="text"/><input id="password" type="password"><style> .wordOn{background:url(passwor 阅读全文
posted @ 2011-10-15 14:58 fishenal 阅读(1076) 评论(0) 推荐(1)
< 2025年7月 >
29 30 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 1 2
3 4 5 6 7 8 9

统计

点击右上角即可分享
微信分享提示