分类 jQuery 下的文章

jquery插件-任意位置浮动固定层

可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动
作者:没剑
本地下载:jquery-floatdiv
源码及调用方法:

  1. /*任意位置浮动固定层*/
  2. /*没剑(http://regedit.cnblogs.com) 2009-03-04*/
  3. /*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/
  4. /*2009-03-04修改:重新修改插件实现固定浮动层的方式,使用一个大固定层来定位
  5. 从gmail的信息浮动窗口中偷来的,呵呵
  6. 经多次测试,基本上没bug~
  7. 有问题的朋友欢迎到偶的博客http://regedit.cnblogs.com上提出
  8. */
  9. /*调用:
  10. 1 无参数调用:默认浮动在右下角
  11. $("#id").floatdiv();
  12. 2 内置固定位置浮动
  13. //右下角
  14. $("#id").floatdiv("rightbottom");
  15. //左下角
  16. $("#id").floatdiv("leftbottom");
  17. //右下角
  18. $("#id").floatdiv("rightbottom");
  19. //左上角
  20. $("#id").floatdiv("lefttop");
  21. //右上角
  22. $("#id").floatdiv("righttop");
  23. //居中
  24. $("#id").floatdiv("middle");
  25. 另外新添加了四个新的固定位置方法
  26. middletop(居中置顶)、middlebottom(居中置低)、leftmiddle、rightmiddle
  27. 3 自定义位置浮动
  28. $("#id").floatdiv({left:"10px",top:"10px"});
  29. 以上参数,设置浮动层在left 10个像素,top 10个像素的位置
  30. */
  31. jQuery.fn.floatdiv=function(location){
  32. //判断浏览器版本
  33. varisIE6=false;
  34. varSys={};
  35. varua=navigator.userAgent.toLowerCase();
  36. vars;
  37. (s=ua.match(/msie ([\d.]+)/))?Sys.ie=s[1]:0;
  38. if(Sys.ie&&Sys.ie=="6.0"){
  39. isIE6=true;
  40. }
  41. varwindowWidth,windowHeight;//窗口的高和宽
  42. //取得窗口的高和宽
  43. if(self.innerHeight){
  44. windowWidth=self.innerWidth;
  45. windowHeight=self.innerHeight;
  46. }elseif(document.documentElement&&document.documentElement.clientHeight){
  47. windowWidth=document.documentElement.clientWidth;
  48. windowHeight=document.documentElement.clientHeight;
  49. }elseif(document.body){
  50. windowWidth=document.body.clientWidth;
  51. windowHeight=document.body.clientHeight;
  52. }
  53. returnthis.each(function(){
  54. varloc;//层的绝对定位位置
  55. if(location==undefined||location.constructor==String){
  56. switch(location){
  57. case("rightbottom")://右下角
  58. loc={right:"0px",bottom:"0px"};
  59. break;
  60. case("leftbottom")://左下角
  61. loc={left:"0px",bottom:"0px"};
  62. break;
  63. case("lefttop")://左上角
  64. loc={left:"0px",top:"0px"};
  65. break;
  66. case("righttop")://右上角
  67. loc={right:"0px",top:"0px"};
  68. break;
  69. case("middletop")://居中置顶
  70. loc={left:windowWidth/2-$(this).width()/2+"px",top:"0px"};
  71. break;
  72. case("middlebottom")://居中置低
  73. loc={left:windowWidth/2-$(this).width()/2+"px",bottom:"0px"};
  74. break;
  75. case("leftmiddle")://左边居中
  76. loc={left:"0px",top:windowHeight/2-$(this).height()/2+"px"};
  77. break;
  78. case("rightmiddle")://右边居中
  79. loc={right:"0px",top:windowHeight/2-$(this).height()/2+"px"};
  80. break;
  81. case("middle")://居中
  82. varl=0;//居左
  83. vart=0;//居上
  84. l=windowWidth/2-$(this).width()/2;
  85. t=windowHeight/2-$(this).height()/2;
  86. loc={left:l+"px",top:t+"px"};
  87. break;
  88. default://默认为右下角
  89. location="rightbottom";
  90. loc={right:"0px",bottom:"0px"};
  91. break;
  92. }
  93. }else{
  94. loc=location;
  95. }
  96. $(this).css(loc).css("position","fixed");
  97. /*fied ie6 css hack*/
  98. if(isIE6)
  99. {
  100. $(this).css(loc).css("position","absolute");
  101. /*设置浮动层的位置*/
  102. //var offset=$(this).offset();
  103. //$(this).css({top:offset.top+"px",left:offset.left+"px"});
  104. $("body").css({margin:"0px",height:"100%",overflow:"auto"}).css("overflow_y","auto");
  105. $("html").css({overflow:"hidden"}).css("overflow_x","auto").css("overflow_y","hidden");
  106. /*修正ie6下浮动层在右边显示时出现在滚动条上的问题*/
  107. if(isIE6&&loc.right=="0px"){
  108. $(this).css("right","18px");
  109. }
  110. }
  111. });
  112. };

jquery插件-任意位置浮动固定层

可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动
作者:没剑
本地下载:jquery-floatdiv
源码及调用方法:

  1. /*任意位置浮动固定层*/
  2. /*没剑(http://regedit.cnblogs.com) 2009-03-04*/
  3. /*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/
  4. /*2009-03-04修改:重新修改插件实现固定浮动层的方式,使用一个大固定层来定位
  5. 从gmail的信息浮动窗口中偷来的,呵呵
  6. 经多次测试,基本上没bug~
  7. 有问题的朋友欢迎到偶的博客http://regedit.cnblogs.com上提出
  8. */
  9. /*调用:
  10. 1 无参数调用:默认浮动在右下角
  11. $("#id").floatdiv();
  12. 2 内置固定位置浮动
  13. //右下角
  14. $("#id").floatdiv("rightbottom");
  15. //左下角
  16. $("#id").floatdiv("leftbottom");
  17. //右下角
  18. $("#id").floatdiv("rightbottom");
  19. //左上角
  20. $("#id").floatdiv("lefttop");
  21. //右上角
  22. $("#id").floatdiv("righttop");
  23. //居中
  24. $("#id").floatdiv("middle");
  25. 另外新添加了四个新的固定位置方法
  26. middletop(居中置顶)、middlebottom(居中置低)、leftmiddle、rightmiddle
  27. 3 自定义位置浮动
  28. $("#id").floatdiv({left:"10px",top:"10px"});
  29. 以上参数,设置浮动层在left 10个像素,top 10个像素的位置
  30. */
  31. jQuery.fn.floatdiv=function(location){
  32. //判断浏览器版本
  33. varisIE6=false;
  34. varSys={};
  35. varua=navigator.userAgent.toLowerCase();
  36. vars;
  37. (s=ua.match(/msie ([\d.]+)/))?Sys.ie=s[1]:0;
  38. if(Sys.ie&&Sys.ie=="6.0"){
  39. isIE6=true;
  40. }
  41. varwindowWidth,windowHeight;//窗口的高和宽
  42. //取得窗口的高和宽
  43. if(self.innerHeight){
  44. windowWidth=self.innerWidth;
  45. windowHeight=self.innerHeight;
  46. }elseif(document.documentElement&&document.documentElement.clientHeight){
  47. windowWidth=document.documentElement.clientWidth;
  48. windowHeight=document.documentElement.clientHeight;
  49. }elseif(document.body){
  50. windowWidth=document.body.clientWidth;
  51. windowHeight=document.body.clientHeight;
  52. }
  53. returnthis.each(function(){
  54. varloc;//层的绝对定位位置
  55. if(location==undefined||location.constructor==String){
  56. switch(location){
  57. case("rightbottom")://右下角
  58. loc={right:"0px",bottom:"0px"};
  59. break;
  60. case("leftbottom")://左下角
  61. loc={left:"0px",bottom:"0px"};
  62. break;
  63. case("lefttop")://左上角
  64. loc={left:"0px",top:"0px"};
  65. break;
  66. case("righttop")://右上角
  67. loc={right:"0px",top:"0px"};
  68. break;
  69. case("middletop")://居中置顶
  70. loc={left:windowWidth/2-$(this).width()/2+"px",top:"0px"};
  71. break;
  72. case("middlebottom")://居中置低
  73. loc={left:windowWidth/2-$(this).width()/2+"px",bottom:"0px"};
  74. break;
  75. case("leftmiddle")://左边居中
  76. loc={left:"0px",top:windowHeight/2-$(this).height()/2+"px"};
  77. break;
  78. case("rightmiddle")://右边居中
  79. loc={right:"0px",top:windowHeight/2-$(this).height()/2+"px"};
  80. break;
  81. case("middle")://居中
  82. varl=0;//居左
  83. vart=0;//居上
  84. l=windowWidth/2-$(this).width()/2;
  85. t=windowHeight/2-$(this).height()/2;
  86. loc={left:l+"px",top:t+"px"};
  87. break;
  88. default://默认为右下角
  89. location="rightbottom";
  90. loc={right:"0px",bottom:"0px"};
  91. break;
  92. }
  93. }else{
  94. loc=location;
  95. }
  96. $(this).css(loc).css("position","fixed");
  97. /*fied ie6 css hack*/
  98. if(isIE6)
  99. {
  100. $(this).css(loc).css("position","absolute");
  101. /*设置浮动层的位置*/
  102. //var offset=$(this).offset();
  103. //$(this).css({top:offset.top+"px",left:offset.left+"px"});
  104. $("body").css({margin:"0px",height:"100%",overflow:"auto"}).css("overflow_y","auto");
  105. $("html").css({overflow:"hidden"}).css("overflow_x","auto").css("overflow_y","hidden");
  106. /*修正ie6下浮动层在右边显示时出现在滚动条上的问题*/
  107. if(isIE6&&loc.right=="0px"){
  108. $(this).css("right","18px");
  109. }
  110. }
  111. });
  112. };

jquery插件-任意位置浮动固定层

可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动
作者:没剑
本地下载:jquery-floatdiv
源码及调用方法:

  1. /*任意位置浮动固定层*/
  2. /*没剑(http://regedit.cnblogs.com) 2009-03-04*/
  3. /*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/
  4. /*2009-03-04修改:重新修改插件实现固定浮动层的方式,使用一个大固定层来定位
  5. 从gmail的信息浮动窗口中偷来的,呵呵
  6. 经多次测试,基本上没bug~
  7. 有问题的朋友欢迎到偶的博客http://regedit.cnblogs.com上提出
  8. */
  9. /*调用:
  10. 1 无参数调用:默认浮动在右下角
  11. $("#id").floatdiv();
  12. 2 内置固定位置浮动
  13. //右下角
  14. $("#id").floatdiv("rightbottom");
  15. //左下角
  16. $("#id").floatdiv("leftbottom");
  17. //右下角
  18. $("#id").floatdiv("rightbottom");
  19. //左上角
  20. $("#id").floatdiv("lefttop");
  21. //右上角
  22. $("#id").floatdiv("righttop");
  23. //居中
  24. $("#id").floatdiv("middle");
  25. 另外新添加了四个新的固定位置方法
  26. middletop(居中置顶)、middlebottom(居中置低)、leftmiddle、rightmiddle
  27. 3 自定义位置浮动
  28. $("#id").floatdiv({left:"10px",top:"10px"});
  29. 以上参数,设置浮动层在left 10个像素,top 10个像素的位置
  30. */
  31. jQuery.fn.floatdiv=function(location){
  32. //判断浏览器版本
  33. varisIE6=false;
  34. varSys={};
  35. varua=navigator.userAgent.toLowerCase();
  36. vars;
  37. (s=ua.match(/msie ([\d.]+)/))?Sys.ie=s[1]:0;
  38. if(Sys.ie&&Sys.ie=="6.0"){
  39. isIE6=true;
  40. }
  41. varwindowWidth,windowHeight;//窗口的高和宽
  42. //取得窗口的高和宽
  43. if(self.innerHeight){
  44. windowWidth=self.innerWidth;
  45. windowHeight=self.innerHeight;
  46. }elseif(document.documentElement&&document.documentElement.clientHeight){
  47. windowWidth=document.documentElement.clientWidth;
  48. windowHeight=document.documentElement.clientHeight;
  49. }elseif(document.body){
  50. windowWidth=document.body.clientWidth;
  51. windowHeight=document.body.clientHeight;
  52. }
  53. returnthis.each(function(){
  54. varloc;//层的绝对定位位置
  55. if(location==undefined||location.constructor==String){
  56. switch(location){
  57. case("rightbottom")://右下角
  58. loc={right:"0px",bottom:"0px"};
  59. break;
  60. case("leftbottom")://左下角
  61. loc={left:"0px",bottom:"0px"};
  62. break;
  63. case("lefttop")://左上角
  64. loc={left:"0px",top:"0px"};
  65. break;
  66. case("righttop")://右上角
  67. loc={right:"0px",top:"0px"};
  68. break;
  69. case("middletop")://居中置顶
  70. loc={left:windowWidth/2-$(this).width()/2+"px",top:"0px"};
  71. break;
  72. case("middlebottom")://居中置低
  73. loc={left:windowWidth/2-$(this).width()/2+"px",bottom:"0px"};
  74. break;
  75. case("leftmiddle")://左边居中
  76. loc={left:"0px",top:windowHeight/2-$(this).height()/2+"px"};
  77. break;
  78. case("rightmiddle")://右边居中
  79. loc={right:"0px",top:windowHeight/2-$(this).height()/2+"px"};
  80. break;
  81. case("middle")://居中
  82. varl=0;//居左
  83. vart=0;//居上
  84. l=windowWidth/2-$(this).width()/2;
  85. t=windowHeight/2-$(this).height()/2;
  86. loc={left:l+"px",top:t+"px"};
  87. break;
  88. default://默认为右下角
  89. location="rightbottom";
  90. loc={right:"0px",bottom:"0px"};
  91. break;
  92. }
  93. }else{
  94. loc=location;
  95. }
  96. $(this).css(loc).css("position","fixed");
  97. /*fied ie6 css hack*/
  98. if(isIE6)
  99. {
  100. $(this).css(loc).css("position","absolute");
  101. /*设置浮动层的位置*/
  102. //var offset=$(this).offset();
  103. //$(this).css({top:offset.top+"px",left:offset.left+"px"});
  104. $("body").css({margin:"0px",height:"100%",overflow:"auto"}).css("overflow_y","auto");
  105. $("html").css({overflow:"hidden"}).css("overflow_x","auto").css("overflow_y","hidden");
  106. /*修正ie6下浮动层在右边显示时出现在滚动条上的问题*/
  107. if(isIE6&&loc.right=="0px"){
  108. $(this).css("right","18px");
  109. }
  110. }
  111. });
  112. };

jS的include函数

同样可以认为为script标签加内容文件
首先声明,本文非我原作,在一blog看到此文,然后结合一网友回复整理此文.

用法: include_js(src,[reload]);
src: js文件的路径名
reload:可选参数,0或1,表示是否重复加载同一个url的js文件。

用途:
本函数可以用于一些广告和统计的js文件异步加载,避免了因加载js文件而造成的网页显示速度慢的问题。

将此函数修改一下便可以动态加载css文件,不过用处就没有加载js文件的大。

function include_js(path,reload)
{
var scripts = document.getElementsByTagName("script");
if (!reload)
for (var i=0;i if (scripts[i].src && scripts[i].src.toLowerCase() == path.toLowerCase() ) return;
var sobj = document.createElement('script');
sobj.type = "text/javascript";
sobj.src = path;
var headobj = document.getElementsByTagName('head')[0];
headobj.appendChild(sobj);
}

但是这样当加载的js文件含有document.write语句时,在IE下没有反应,但在Mozilla Firefox 下就会让你原来的网页消失,只显示document.write出来的内容.对此问题一网友给出了一种比较好的解决办法,当然是重写document.write方法.下面网友原做内容:

引用
有一个可以让document.write信息显示出来的方法:
先在网页中需要显示write出来的内容的地方加入一个div标签:

然后在include_js之前加上这句:
document.write = function (s)
{
document.getElementById('jsdiv').innerHTML+=s;
return false;
}

这样不仅可以不让document.write方法破坏网页,也避免了write出来的信息丢失的痛苦。

js全角以半角符号互转以及过滤一些联系信息方法

全角以半角互转:
/*
****************************
* 半角<=>全角 *
* [NB联盟] *
* Writer YuPing *
****************************
*参数说明:
* str:要转换的字符串
* flag:标记,为0时半转全,为非0时全转半
* 返回值类型:字符串
****************************
*/
function DBC2SBC(str,flag) {
var i;
var result='';
if (str.length<=0) {alert('字符串参数出错');return false;}
for(i=0;i { str1=str.charCodeAt(i);
if(str1<125&&!flag)
result+=String.fromCharCode(str.charCodeAt(i)+65248);
else
result+=String.fromCharCode(str.charCodeAt(i)-65248);
}
return result;
}
//示例:document.write(DBC2SBC("13123454567",1))

过滤联系信息方法

public Function ReplaceStr(Textstr,Pattern_str) '用这个函数来滤除!Textstr是

要过滤的字符串,Pattern_str是正则表达式
Dim Str,re
Str=Textstr
Set re=new RegExp
re.IgnoreCase =True
re.Global=True
re.Pattern=Pattern_str
Str=re.Replace(Str, "*")
Set Re=Nothing
ReplaceStr=Str
End Function
title=ReplaceStr(title,"/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d

{3,}))?$/") '过滤电话 标题
title=ReplaceStr(title,"/^(?:13\d|15[012356789])-?\d{5}(\d{3}|\*{3})$/")'过

滤手机
title=ReplaceStr(title,"\d{5,9}")'过滤QQ
WyName=ReplaceStr(WyName,"/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d

{3,}))?$/") '过滤电话 物业名称
WyName=ReplaceStr(WyName,"/^(?:13\d|15[012356789])-?\d{5}(\d{3}|\*{3})$/")'

过滤手机
WyName=ReplaceStr(WyName,"\d{5,9}")'过滤QQ
Memo=ReplaceStr(Memo,"/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?

$/") '过滤电话 备注
Memo=ReplaceStr(Memo,"/^(?:13\d|15[012356789])-?\d{5}(\d{3}|\*{3})$/")'过滤

手机
Memo=ReplaceStr(Memo,"\d{5,9}")'过滤QQ
'--------------------过滤相关联系方式信息----------------------------------

autocomplete="off"

onkeyup="value=value.replace('0','0').replace('1','1').replace('2','2').replace('3', '3').replace('4','4').replace('5','5').replace('6','6').replace('7', '7').replace('8','8').replace('9','9').replace('——','-');" onbeforepatel_rste="clipboardData.tel_rsetData('tel_rs',clipboardData.getData('tel_rs').replace('0','0').replace('1','1').replace('2','2').replace('3', '3').replace('4','4').replace('5','5').replace('6','6').replace('7', '7').replace('8','8').replace('9','9').replace('——','-'))"