post

便于调试的 JavaScript Source Map 详解

目前 jQuery 的最新版本有v2.0.3 和 v1.10.2,在 jQuery 1.9 之后,有很多新功能,其中一个就是支持 Source Map。

jQuery JavaScript Source Map
[Read more…]

post

最炫的jQuery幻灯片插件:jq-tiles

jQuery的幻灯片插件很多,效果也都不错,今天我推荐一个比较小巧方便的,使用起来也比较容易,支持多达12种特效、22个自定义参数;支持随机顺序、循环、正反方向、导航、缩略图;幻灯片播放前、中、后自定义事件等,相信可以满足绝大多数需求。此插件使用了比较酷的CSS3特效,兼容Webkit、Firefox、Opera、IE10、IE9-8*浏览器,在Chrome浏览器下效果最佳。
[Read more…]

post

浮动层滚动固定在浏览器顶部

最早在Gmail中看到过这种效果,就是滚动条往下滚动的时候,到达临界值,Gmail的菜单就会固定在浏览器的顶部,可以很方便的操作邮件,后来在淘宝的宝贝详情页面、6月促销活动等都能看到这样的效果,方便又实用。

博客换新主题有一段时间了,经常感觉右侧空白的地方较大,于是就想到利用这一效果;

在Google上搜到了我想要的代码,简洁又能满足功能,经过测试还是会出现重叠问题,不适用我的主题。

效果可以参照月光博客:http://www.williamlong.info/archives/3083.html

代码如下:

[javascript collapse=”false”]
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript">// <![CDATA[
$(function(){
var obj=$("#text-13");//#text-13为博客中广告模块的ID,也可以用类选择器 $(".class")[0]
var navH = obj.offset().top; //获取要定位元素距离浏览器顶部的距离
//滚动条事件
$(window).scroll(function(){
var scroH = $(this).scrollTop(); //获取滚动条的滑动距离
//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定
if(scroH>=navH){
obj.css({"position":"fixed","top":50}); //top值因不同主题而定,也可以固定其他元素
}else if(scroH<navH){
obj.css({"position":"static"});
}
})
});
// ]]></script>
[/javascript]

post

工作中常用的Javascript

常用验证表单的Javascript:

[Read more…]

post

Javascript对中文GBK编码

今天帮同事弄一个在迅雷新闻上展示的页面,里面的搜索功能对关键词用的是GBK编码,而他们给我的页面上GB2312的,造成搜索功能的关键词乱码。后面google了一下,找到了解决方案,很有效。

以”超级本“这个关键词为例:

GB2312下编码后为%E8%B6%85%E7%BA%A7%E6%9C

GBK下编码后为%B3%AC%BC%B6%B1%BE

在 js 中要怎样实现使用gbk集进行 uri 编码呢
%HH 其实就只是把一个字节值转换成2位16进制数字,再在前头加上 % 而己
问题是 js 中没有函数可以支持取得字符的 gbk 编码值   str.charCodeAt(index)  取得的是 unicode 编码值。
[Read more…]

post

传统Ajax与jQuery的Ajax区别

本文列举出传统Ajax与jQuery的Ajax实现的方法,以及他们之间的区别。可以帮助大家更好的了解Ajax技术。

jQuery实现Ajax非常的方便,我们不用再去区别不同的浏览器了。而且实现的效果非常的炫。希望看过本文,大家都可以熟练的应用Ajax。

[Read more…]