jQuery弹出窗口完整代码

效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/1.htm

  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

  2 <html xmlns="http://www.w3.org/1999/xhtml"> 

  3 <head> 

  4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

  5 <title>jQuery弹出窗口 - 计划-博客园</title> 

  6 <meta name="keywords" content="www.cnblogs.com/jihua"/>

  7 <style type="text/css"> 

  8 .window{ 

  9     width:250px; 

 10     background-color:#d0def0; 

 11     position:absolute; 

 12     padding:2px; 

 13     margin:5px; 

 14     display:none; 

 15     } 

 16 .content{ 

 17     height:150px; 

 18     background-color:#FFF; 

 19     font-size:14px; 

 20     overflow:auto; 

 21     } 

 22     .title{ 

 23         padding:2px; 

 24         color:#0CF; 

 25         font-size:14px; 

 26         } 

 27 .title img{ 

 28         float:right; 

 29         } 

 30 </style> 

 31 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

 32 <script type="text/javascript" language="javascript">

 33     $(document).ready(function () {

 34         $("#btn_center").click(function () {

 35             popCenterWindow();

 36         });

 37 

 38         $("#btn_right").click(function () {

 39             popRightWindow();

 40         });

 41         $("#btn_left").click(function () {

 42             popLeftWindow();

 43         });

 44 

 45     }); 

 46  

 47 </script> 

 48 </head> 

 49 <body>

 50  <div style="width:600px;margin-left:auto;margin-right:auto;margin-top:160px;">

 51 <input type="button" value="居中窗口" id="btn_center" /> 

 52 <input type="button" value="居左下角" id="btn_left" /> 

 53 <input type="button" value="居右下角" id="btn_right" /> 

 54 </div>

 55    <div class="window" id="center"> 

 56 <div id="title" class="title"><img src="http://pic002.cnblogs.com/images/2012/451207/2012100814082487.jpg" alt="关闭" />计划 博客园-居中窗口</div> 

 57 <div class="content">jihua.cnblogs.com</div> 

 58    </div> 

 59     

 60   <div class="window" id="left"> 

 61 <div id="title2" class="title"><img src="http://pic002.cnblogs.com/images/2012/451207/2012100814082487.jpg" alt="关闭" />计划 博客园-居左窗口</div> 

 62 <div class="content">jihua.cnblogs.com</div> 

 63   </div> 

 64   <div class="window" id="right"> 

 65 <div id="title3" class="title"><img src="http://pic002.cnblogs.com/images/2012/451207/2012100814082487.jpg" alt="关闭" />计划 博客园-居右窗口</div> 

 66 <div class="content">jihua.cnblogs.com</div> 

 67   </div>

 68   <script type="text/javascript">

 69   //获取窗口的高度 

 70 var windowHeight; 

 71 //获取窗口的宽度 

 72 var windowWidth; 

 73 //获取弹窗的宽度 

 74 var popWidth; 

 75 //获取弹窗高度 

 76 var popHeight; 

 77 function init(){ 

 78    windowHeight=$(window).height(); 

 79    windowWidth=$(window).width(); 

 80    popHeight=$(".window").height(); 

 81    popWidth=$(".window").width(); 

 82 } 

 83 //关闭窗口的方法 

 84 function closeWindow(){ 

 85     $(".title img").click(function(){ 

 86         $(this).parent().parent().hide("slow"); 

 87         }); 

 88     } 

 89     //定义弹出居中窗口的方法 

 90     function popCenterWindow(){ 

 91         init(); 

 92         //计算弹出窗口的左上角Y的偏移量 

 93     var popY=(windowHeight-popHeight)/2; 

 94     var popX=(windowWidth-popWidth)/2; 

 95     //alert('jihua.cnblogs.com'); 

 96     //设定窗口的位置 

 97     $("#center").css("top",popY).css("left",popX).slideToggle("slow");  

 98     closeWindow(); 

 99     } 

100     function popLeftWindow(){ 

101         init(); 

102         //计算弹出窗口的左上角Y的偏移量 

103     var popY=windowHeight-popHeight; 

104     //var popX=-(windowWidth-popWidth); 

105     //alert(popY); 

106     //设定窗口的位置 

107     $("#left").css("top",popY-50).css("left",50).slideToggle("slow"); 

108     closeWindow(); 

109     } 

110     function popRightWindow(){ 

111         init(); 

112         //计算弹出窗口的左上角Y的偏移量 

113     var popY=windowHeight-popHeight; 

114     var popX=windowWidth-popWidth; 

115     //alert(www.cnblogs.com/jihua); 

116     //设定窗口的位置 

117     $("#right").css("top",popY-50).css("left",popX-50).slideToggle("slow"); 

118     closeWindow(); 

119     } </script> 

120 </body> 

121 </html>

随笔分类 - Javascript

多级弹出菜单jQuery插件ZoneMenu

摘要: ZoneMenu是一个菜单jQuery插件，只需占用页面上的一个小区域，却可以实现多级菜单。在线体验：http://keleyi.com/jq/zonemenu/点击这里下载完整HTML文件代码：ZoneMenu- jquery pluginZoneMenu DemoZoneMenuKeleyi H... 阅读全文

posted @ 2014-08-05 01:33 计划阅读(179) | 评论 (0) 编辑

jquery投色子动画

摘要: 可以点击这里体验效果：http://keleyi.com/keleyi/phtml/jqtexiao/26.htm效果图：代码如下： 1 2 3 4 5 jQuery掷色子并显示随机结果-可乐义 6 24 25 48 49 50 51 jQuery掷色子并显示随机结果52 请点击色子：53... 阅读全文

posted @ 2014-08-03 11:19 计划阅读(145) | 评论 (0) 编辑

程序员用HTML5给女朋友制作的3D相册

摘要: 程序员给女朋友用HTML5制作的3D相册，使用鼠标拖拽，能看到3D旋转效果，点击相片，相片能放大，移近。程序员发挥自己的专长，这是那些不懂编程的人望尘莫及的。本相册使用了HTML5的画布技术，需要谷歌浏览器或火狐浏览器等现代浏览器才能正常观看。效果网址：http://keleyi.com/keley... 阅读全文

posted @ 2014-05-20 22:10 计划阅读(991) | 评论 (2) 编辑

jQuery刮彩票兑奖效果

摘要: 效果体验：http://keleyi.com/a/bjad/uaq24pxt.htm其中拖拽刮涂层效果使用jquery UI的draggable方法，请参考：http://keleyi.com/a/bjac/9dd21532ed1dbf23.htm以下是源代码： 1 2 3 4 jQuery UI模拟刮彩票涂层显示结果-柯乐义 5 6 12 13 14 41 42 43 说明：不支持IE6！44 45 效果一（拖拽灰条）：46 47 48 请完全刮开查看中奖结果。49 50 51 效果二（点击灰条）：52 53 54 请完全刮开查看中奖结果。55 56 57 原文58 59 we... 阅读全文

posted @ 2014-03-18 22:31 计划阅读(403) | 评论 (0) 编辑

滚动变色的文字js特效

摘要: Js实现滚动变色的文字效果，在效果展示页面，可看到文字在交替变色显示，以吸引人的注意，效果真心不错哦，把代码拷贝到你的网站后，修改成想要的文字就OK了。查看效果：http://keleyi.com/a/bjad/bd55blos.htm以下是源代码： 1 2 3 4 滚动变色的文字js特效-柯乐义 5 6 7 8 请注意下方的文字，部分文字染成红色，且红色循环移动。原文 9 10 55 56 keleyi.com57 58 web前端：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2014-03-05 08:49 计划阅读(178) | 评论 (0) 编辑

HTML5 随机弹跳的小球

摘要: 查看效果:http://keleyi.com/a/bjad/tc1y11dy.htmChrome效果图：火狐效果图：以下是源码： 1 2 3 4 HTML5 随机弹跳的小球-柯乐义 5 18 19 20 柯乐义 HTML5特效随机弹跳的小球 21 请使用支持HTML5的浏览器开打本页。原文暂停 22 继续 23 增加小球刷新 24 每次刷新页面的小球大小，颜色，运动路线，都是新的，可以点击上面各个按钮看看效果。 25 26 27 28 29 30 31 143 144 web前端：http://www.cnblogs.com/jihua/p/webfro... 阅读全文

posted @ 2014-02-12 20:30 计划阅读(492) | 评论 (0) 编辑

带节日和农历的js日历

摘要: 带农历的脚本：http://keleyi.com/keleyi/phtml/jstexiao/11.htmhttp://keleyi.com/tools/rili/ 1 2 3 4 带农历的日历 5 300 301 302 303 304 305 306 307 308 公历 309 年月 318 319 320 日321 一322 二323 三324 ... 阅读全文

posted @ 2014-01-28 17:00 计划阅读(667) | 评论 (1) 编辑

使用javascript和canvas画月半弯

摘要: 使用javascript和canvas画月半弯，月半弯好浪漫！浏览器须支持html5查看效果：http://keleyi.com/a/bjad/8xqdm0r2.htm以下是代码： 1 2 3 4 使用javascript和canvas画月半弯-柯乐义 5 8 9 10 使用javascript和canvas画月半弯·柯乐义 11 12 57 58 web前端：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2014-01-26 00:02 计划阅读(388) | 评论 (1) 编辑

HTML5 Canvas眨眼睛动画

摘要: 效果请看：http://keleyi.com/a/bjad/p9exlcwi.htm请使用支持HTML5的浏览器查看效果。以下是代码： 3 4 5 6 7 8 web前端：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2014-01-20 23:12 计划阅读(540) | 评论 (0) 编辑

仿腾讯QQ竖直滑动导航菜单

摘要: 菜单就像qq软件的分组，鼠标经过自动显示相应组的内容。效果体验网址：http://keleyi.com/a/bjad/nf86w2dv.htm以下是源代码： 1 2 3 仿腾讯QQ竖直滑动导航菜单-柯乐义 4 5 56 57 58 59 60 Javascript 61 日期选择输入js控件JS错误引发、捕捉和处理js数组的增删访问排序等操作 62 js桌球小游戏 js实现旋转的3D球体标签云使用js判断是否按下了Shift键 63 js判断鼠标左、中、右键哪个被点击谷歌粘土js特效js获取网址中某个参数的值 64 JSLint介绍JS输入用户名自动显示邮箱后缀... 阅读全文

posted @ 2014-01-16 00:57 计划阅读(305) | 评论 (0) 编辑

图片放大镜实例

摘要: 点击这里查看效果效果图：以下是代码： 1 2 3 4 5 图片放大镜-柯乐义 6 7 8 9 10 34 35 图片放大镜把光标移动到下面图片上原文36 37 38 39 40 41 42 原文：http://keleyi.com/a/bjad/q2ee2xyt.htmweb前端：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2014-01-13 22:16 计划阅读(203) | 评论 (2) 编辑

js快捷输入日期

摘要: 点击这里查看效果http://keleyi.com/keleyi/phtml/jstexiao/10.htm以下式代码： 1 2 3 4 5 js快捷输入日期-柯乐义 6 18 19 20 21 22 日期选择控件:23 24 25 26 27 原文28 29 30 47 48 49 点击这里下载源码原文：http://keleyi.com/a/bjad/tw09x2nt.htmweb前端：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2014-01-09 17:12 计划阅读(198) | 评论 (0) 编辑

js实现web网页版台球游戏

摘要: js桌球小游戏在线试玩地址：http://keleyi.com/game/13/游戏截图：完整代码，保存到html文件可以试玩： 1 2 3 4 5 js实现web页面台球游戏特效 - 柯乐义 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 来源：柯乐义更多游戏原文适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 24 25 转载自：http://keleyi.com/a/bjad/mroxdkos.htmweb前端：http://www.cnblogs.com/... 阅读全文

posted @ 2014-01-05 16:00 计划阅读(179) | 评论 (0) 编辑

jquery在线五子棋

摘要: 在线五子棋试玩地址：http://keleyi.com/game/12/以下是完整代码，保存到html文件打开也可以玩： 1 2 3 4 在线五子棋-柯乐义 5 6 7 8 9 10 11 26 27 28 29 30 31 简体中文32 English33 ... 阅读全文

posted @ 2014-01-03 00:09 计划阅读(221) | 评论 (2) 编辑

祝大家圣诞节快乐！

摘要: 在圣诞节来临之际，分享这份网页的代码，祝愿大家圣诞节快乐！点击这里查看效果以下是源代码，可以保存到html文件打开看效果： 1 2 3 4 5 柯乐义祝大家圣诞节快乐！ 6 7 8 9 10 16 17 18 42 43 49 50 51 52 53 54 55 56 57 原文58 59 转载自：http://keleyi.com/a/bjac/iqiiedy2.htmweb前端：http://www.cnblogs.com/jihua/p/webfront.html更多节日网页阅读全文

posted @ 2013-12-24 13:20 计划阅读(142) | 评论 (2) 编辑

无限级ddsmoothmenu菜单实例

摘要: 点击这里查看效果以横向ddsmoothmenu下来菜单为例，以下是实现代码： 1 2 3 4 5 6 Item 1 7 Folder 0 8 9 Sub Item 1.110 Sub Item 1.211 Sub Item 1.312 Sub Item 1.413 Sub Item 1.214 Sub Item 1.315 Sub Item 1.416 17 18 Folder 119 20 Sub Item 1.121 Sub Item 1.222 Sub Item 1.323 Sub Item 1.424 Sub Item 1.225 Sub Item 1.326 Sub It... 阅读全文

posted @ 2013-12-16 20:14 计划阅读(343) | 评论 (0) 编辑

JS全屏漂浮广告、移入光标停止移动

摘要: 点击这里查看效果以下是代码： 1 2 3 4 5 JS全屏漂浮广告-柯乐义 6 9 10 11 12 13 JS全屏漂浮广告，移入光标停止移动·柯乐义原文14 15 我是广告keleyi.com16 44 45 转载自：http://keleyi.com/a/bjac/ara6jk5h.htmhttp://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2013-12-06 15:19 计划阅读(301) | 评论 (2) 编辑

keleyi菜单0.1.5版本发布了

摘要: keleyi菜单是一个让你轻松创建向上弹出菜单的jquery插件。最新版本0.1.5增加了显示三角形的功能，当一级菜单包含有子菜单时，会在一级菜单的右侧显示一个小三角形。如图所示：查看例子：http://keleyi.com/keleyi/下载地址：http://files.cnblogs.com/jihua/jquerymenu.rarkeleyi菜单帮助阅读全文

posted @ 2013-11-19 20:15 计划阅读(146) | 评论 (0) 编辑

向上弹出菜单jQuery插件

摘要: 插件名：柯乐义英文名：Keleyijs文件名称：jquery.keleyi.js插件功能：该插件可以让你轻易地在页面上构建一个向上弹出的二级菜单。示例查看：http://keleyi.com/keleyi/更多示例：0123456789101112从示例可以看出，Keleyi这个菜单插件使用方便，可以灵活自定义多种样式，包括颜色，位置，菜单项宽度等等。下面给出一个示例的HTML文件代码： 1 2 3 4 Keleyi(jQuery Menu Plugin) - keleyi.com 5 6 7 14 15 16 Keleyi17 A jQuery Menu Plugin 18 19... 阅读全文

posted @ 2013-11-06 11:00 计划阅读(910) | 评论 (0) 编辑

jQuery拉开关闭帷幕

摘要: 查看效果：http://keleyi.com/keleyi/phtml/jqtexiao/7.htmHTML文件代码： 1 2 3 4 5 jQuery拉开关闭帷幕--柯乐义 6 7 8 9 10 11 12 13 14 15 16 17 18 原文19 20 原文：http://keleyi.com/a/bjac/bqii05en.htmWeb前端资源：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2013-11-05 21:58 计划阅读(353) | 评论 (2) 编辑

javascript俄罗斯方块游戏

摘要: 在线试玩：http://keleyi.com/game/5/操作指南：键盘方向键←→控制左右移动，↑键变形，↓键快速下落。别看这段js代码只有短短的100多行，效果却非常不错，用键盘的方向键操作，向上键是变形，赶紧试试。把下面代码保存到html文件，打开就可以。 1 俄罗斯方块-柯乐义 2 3 原文 4 原文：http://keleyi.com/a/bjac/600xsi0s.htmweb前端：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2013-10-25 16:24 计划阅读(234) | 评论 (0) 编辑

选美大赛示例你会选谁

摘要:

阅读全文

posted @ 2013-10-24 16:02 计划阅读(277) | 评论 (0) 编辑

js鼠标滚轮滚动图片切换效果

摘要: 效果体验网址：http://keleyi.com/keleyi/phtml/image/12.htmHTML文件代码： 1 2 3 4 5 6 7 js鼠标滚轮滚动图片切换效果-柯乐义 8 9 22 23 24 25 26 27 28 29 柯乐义30 31 32 33 基于鼠标滚轮驱动的图片切换效果34 35 36 37 柯乐义38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 把光标停在图片上，转动鼠标滚轮就可以切换图片，也可以拖动下方水平的滚动条，也可以点击非顶端的图片切换到对应图。55 56 57 Powered by k... 阅读全文

posted @ 2013-10-16 21:21 计划阅读(226) | 评论 (0) 编辑

图片动画横条广告带上下滚动

摘要: 查看效果：http://keleyi.com/keleyi/phtml/flash/以下是HTML文件代码： 1 2 3 4 5 6 7 横条广告带上下滚动_柯乐义 8 9 10 横条广告带上下滚动11 12 13 46 47 原文代码整理：柯乐义48 49 web前端:http://www.cnblogs.com/jihua/p/webfront.html最新请参考：http://keleyi.com/a/bjac/8qx83gls.htm点击这里下载阅读全文

posted @ 2013-10-15 21:11 计划阅读(139) | 评论 (0) 编辑

淘宝顶部导航菜单

摘要: 效果体验：http://keleyi.com/keleyi/phtml/menu/3.htmHTML文件代码： 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 32 33 34 购物车 35 收藏夹 36 37 搜索 38 39 40 搜索 43 44 45 46 47 48 49 5... 阅读全文

posted @ 2013-10-13 22:14 计划阅读(509) | 评论 (0) 编辑

JavaScript实现HTML5烟花特效

摘要: 烟花效果如下（请使用支持HTML5的浏览器查看）：点击这里查看效果：http://keleyi.com/keleyi/phtml/html5/14.htm源代码如下： 1 2 3 原文：http://keleyi.com/a/bjac/3pipmkmg.htm触须：http://keleyi.com/a/bjac/k3pi4ehx.htmweb前端：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2013-10-07 23:35 计划阅读(948) | 评论 (0) 编辑

javascript的switch的使用注意

摘要: 如果是以下代码：1 你会发现没有弹出对话框，alert没有执行。原因：这里需要明确的是，switch在判断的时候使用的是全等号“===”，全等号在比较的时候首先看数据类型是不是一样的，而在这里，t_keleyi_com是Number类型，而'65'是String。下面的代码则对话框会弹出：1 原文：http://keleyi.com/a/bjac/9a9irmcm.htmweb前端汇总：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2013-09-30 20:45 计划阅读(105) | 评论 (0) 编辑

Web前端资源汇总

摘要: 本文地址：http://www.cnblogs.com/jihua/p/webfront.html使用jquery增加网站粘度祝朋友中秋快乐多级弹出菜单jQuery插件ZoneMenu向上弹出菜单jQuery插件万圣节快乐!!!jQuery鼠标经过显示大图CSS实现弹出导航菜单使用CSS3制作立体效... 阅读全文

posted @ 2013-09-27 23:16 计划阅读(2459) | 评论 (0) 编辑

javascript使浏览器关闭前弹出确认

摘要: 当用户关闭页面时，弹出对话框，让用户确认是否关闭，选择确定则页面关闭，否则页面不关闭。效果体验：http://keleyi.com/keleyi/phtml/js/index.htm完整代码：关闭网页确认-柯乐义当您关闭页面时，会弹出对话框，让您确认是否离开页面，选择确定则页面关闭，否则页面不关闭。原文Javascript的变量作用域原理详解js获取屏幕分辨率JS的encodeURI和encodeURIComponent...js存、取、删除cookies实例javascript正则表达式基础入门与进阶js获取页面中图片的总数HTML DOM Document 对象概述匹配HTML标记的jSc 阅读全文

posted @ 2013-09-26 16:13 计划阅读(165) | 评论 (0) 编辑

js获取页面中图片的总数

摘要: 查看效果：http://keleyi.com/keleyi/phtml/image/9.htm下面是完整代码：本页中图片的总数是：效果如下：本页中图片的总数是：你能全部找到吗？总结：使用document.images.length可以获取页面中图片的总数，包括使用javascript加入的图片，但是css定义的背景图片不算原文：http://keleyi.com/a/bjac/ovyge49k.htm 阅读全文

posted @ 2013-08-21 20:42 计划阅读(168) | 评论 (0) 编辑

jQ获取浏览器window的高宽

摘要: Window 对象Window 对象表示浏览器中打开的窗口。JavaScript 层级中的顶层对象，表示浏览器窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。注释：没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。使用jQuery可以这样获取window的宽高：宽度： $(window).width() 高度： $(window).height()实际效果：相同的屏幕不同的浏览器，即使都最大化，宽度也可能不一样，可以在IE，Chrome，火狐的浏览器中打开本阅读全文

posted @ 2013-08-20 15:55 计划阅读(559) | 评论 (0) 编辑

js获取本机的外网/广域网ip地址

摘要: 完整源代码：客户端外网IP--柯乐义您的IP地址是：效果如下：您的IP地址是：也可到这里查看效果：http://tool.keleyi.com/ip/wodeip.htm使用方法：一、把这个放到源代码中要显示IP地址的位置二、然后在源代码的前输入：原文：http://keleyi.com/a/bjac/5ny3tgps.htm 阅读全文

posted @ 2013-08-10 20:55 计划阅读(326) | 评论 (3) 编辑

图片效果集合(js、jquery或html5)

摘要: 1.jQuery HTML5 幻灯片使用支持HTML5的浏览器会有特殊效果，即切换图片时颜色的改变文章：http://keleyi.com/a/bjac/b8i3xdui.htm效果：http://keleyi.com/keleyi/phtml/html5/1.htm2. jQuery图片延迟加载一开始不加载实图，只用灰图占位，当图片出现在视线中才加载实图，减少对服务器的压力。效果网址：http://keleyi.com/keleyi/phtml/image/index.htm文章网址：http://keleyi.com/a/bjac/et551617.htm3.jquery使用ColorBo 阅读全文

posted @ 2013-06-20 22:56 计划阅读(265) | 评论 (0) 编辑

js实现右下角可关闭最小化div

摘要: 本实例使用Javascript实现右下角可关闭最小化div，可以用于展示推荐内容，效果预览网址：http://keleyi.com/keleyi/phtml/xuanfudiv/3.htm效果图片：完整源代码： 1 <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xh 阅读全文

posted @ 2013-06-18 01:13 计划阅读(527) | 评论 (0) 编辑

js+div+css下拉导航菜单完整代码

摘要: 效果预览：http://keleyi.com/keleyi/phtml/menu/1.htmjs+div+css下拉导航菜单完整代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>cs 阅读全文

posted @ 2013-06-15 21:41 计划阅读(402) | 评论 (0) 编辑

找到一个端午节赛龙舟的特效

摘要: 可以在这里体验：http://keleyi.com/keleyi/phtml/duanwu/index.htm请把鼠标移动到大鼓上，然后选择三只龙舟中的一只，然后击鼓。源码和 ps文件下载：http://down.keleyi.com/source/duanwu.rar使用说明：1.把duanwu文件夹传到网站根目录或者其他目录2.在LOGO相应位置改为（自己调整LOGO路径和JS路径，还有CSS细节）<div id="m" style="float:left"><p id="lg"><img src= 阅读全文

posted @ 2013-06-12 13:46 计划阅读(269) | 评论 (0) 编辑

js代码着色

摘要: 本实例是使用Javascript插件,在浏览器客户端动态的为代码着色,可以显示行号.Javascript代码着色实例效果：http://www.keleyi.com/keleyi/phtml/codecolor/a/index.htm以下是代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/199 阅读全文

posted @ 2013-05-29 16:52 计划阅读(324) | 评论 (0) 编辑

KeleyiTextarea类

摘要: KeleyiTextarea类,是一个Javascript操作textarea的类,封装集合了操作textarea的多个方法,包括获取光标位置,添加内容到光标位置,选中字符串,设置光标位置,删除光标前后字符串等(兼容IE,chrome,firefox)。应用示例效果：http://www.keleyi.com/dev/d96239733d2635bc.htm类的代码如下：<script type="text/javascript">var KeleyiTextarea= {/** 获取光标位置 www.keleyi.com* @Method getCursorP 阅读全文

posted @ 2013-05-20 07:18 计划阅读(146) | 评论 (0) 编辑

滚动页面时DIV到达顶部时固定在顶部

摘要: 本示例使用Javascript实现了滚动页面时，DIV到达顶部时固定在顶部。在IE下效果有点闪，效果网址：http://www.keleyi.com/keleyi/phtml/fixdiv.htm下面是代码：<body style="margin:0px;"><div style="height:300px;background:#e0e0e0"></div><div id="fixedMenu_keleyi_com" style="background:#ffffff;width: 阅读全文

posted @ 2013-05-20 06:29 计划阅读(816) | 评论 (0) 编辑

JS在textarea光标处插入文本

摘要: 本实例使用Javascript实现在textarea光标处插入文本,支持多种浏览器,效果网址：http://www.keleyi.com/dev/36d87291ba370420.htm下面是代码:--------------------------------------------------------------------------------<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- 阅读全文

posted @ 2013-03-21 22:59 计划阅读(192) | 评论 (0) 编辑

HTML5时钟

摘要: 本示例使用HTML5的canvas标签和Javascript脚本，在页面上模拟显示了一个时钟，请使用支持HTML5的浏览器预览效果：点击这里查看效果http://www.keleyi.com/keleyi/phtml/html5clock.htm以下是完整代码，保存到html文件可以查看效果。<!DOCTYPE html><html><head><meta http-equiv="Content-type" content="text/html; charset=utf-8" /><title> 阅读全文

posted @ 2013-03-10 17:55 计划阅读(531) | 评论 (0) 编辑

在图片上显示左右箭头的翻页代码

摘要: 使用JS实现在图片上显示左右箭头的翻页代码，预览效果网址：http://www.keleyi.com/keleyi/phtml/picnext/本实例使用了javascript的onmousemove 事件。onmousemove 事件会在鼠标指针移动时发生。语法onmousemove="SomeJavaScriptCode"SomeJavaScriptCode是必需参数。规定该事件发生时执行的 JavaScript。下面是核心代码（完整代码请在效果页面查看源代码）：<script type="text/javascript">functio 阅读全文

posted @ 2013-03-03 15:50 计划阅读(316) | 评论 (0) 编辑

JS验证URL函数

摘要: 搜集一个JS验证URL函数1 function CheckUrl(str) {2 var RegUrl = new RegExp();3 RegUrl.compile("^[A-Za-z]+://[A-Za-z0-9-_]+\\.[A-Za-z0-9-_%&\?\/.=]+$");//jihua.cnblogs.com4 if (!RegUrl.test(str)) {5 return false;6 }7 return true;8 } 阅读全文

posted @ 2012-10-12 00:14 计划阅读(44) | 评论 (0) 编辑

jQuery实现右下角滑动弹出可关闭重现层完整代码

摘要: 经常看到网页右下角有滑动弹出的广告，这种效果可以使用jQuery弹出层实现。本实例使用jQuery实现右下角滑动弹出可关闭重现层。.完整代码如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 阅读全文

posted @ 2012-10-10 18:17 计划阅读(963) | 评论 (2) 编辑

jQuery弹出窗口完整代码

摘要: 效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/1.htm 1 2 3 4 5 jQuery弹出窗口 - 计划-博客园 6 7 31 32 48 49 50 51 52 53 54 55 56 计划博客园-居中窗口 57 jihua.cnblogs.com 58 59 60 61 计划博客园-居左窗口 62 jihua.cnblogs.com 63 64 65 计划博客园-居右窗口 66 jihua.cnblogs.... 阅读全文

posted @ 2012-10-08 14:15 计划阅读(7006) | 评论 (0) 编辑

jquery树形菜单完整代码

摘要: 本实例实现了树形的动态菜单，兼容IE8,火狐，Chrome等浏览器。使用了jQuery的toggle() 方法。效果和代码如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <me 阅读全文

posted @ 2012-10-07 11:29 计划阅读(3350) | 评论 (0) 编辑

jQuery固定DIV实现“返回顶部”

摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>jQuery实现“返回顶部”（固定DIV） - 计划 - 博客园</title> <meta name="k 阅读全文

posted @ 2012-10-05 01:06 计划阅读(748) | 评论 (0) 编辑

jquery聚焦文本框

摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>jquery聚焦文本框 - 计划 - 博客园</title> <script src="http://aja 阅读全文

posted @ 2012-10-02 23:18 计划阅读(878) | 评论 (0) 编辑

JS正则表达式验证账号、手机号、电话和邮箱

摘要: 验证帐号是否合法验证规则：字母、数字、下划线组成，字母开头，4-16位。function checkUser(str){ var re = /^[a-zA-z]\w{3,15}$/; if(re.test(str)){ alert("正确"); }else{ alert("错误"); } }checkUser("jihua_cnblogs");//调用验证手机号码验证规则：11位数字，以1开头。function checkMobile(str) { var re = /^1\d{10}$/ if (re.te... 阅读全文

posted @ 2012-09-28 11:48 计划阅读(4061) | 评论 (0) 编辑

JS window.onload 提示尚未实现

摘要: 如果window.onload 提示“尚未实现”，那么可能是JS脚本格式错误。例如：<script language="javascript" type="text/javascript"> window.onload=alert('jihua.cnblogs.com');</script>上面这样是不对的。应该像下面这样才对：<script language="javascript" type="text/javascript"> window.onload = 阅读全文

posted @ 2012-09-28 00:54 计划阅读(221) | 评论 (0) 编辑

JS当前页面登录注册框，固定DIV，底层阴影

摘要: 这是一个实例，保存代码为html文件运行试试吧。兼容火狐、ie6、ie7、ie8、Chrome等。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content 阅读全文

posted @ 2012-09-27 18:33 计划阅读(749) | 评论 (0) 编辑

DIV、CSS和JavaScript实现可隐藏并重现悬浮版块

摘要: 如果经常上网，会发现有一些广告悬浮版块，点击隐藏，就只剩下一小块地方留在边缘，当鼠标本移到那小块地方时，广告就又非常积极的重新出现在你的视线。本实例使用DIV、CSS和JavaScript，实现了这个效果，在多种浏览器下测试通过。首先看一下效果图，该图是DIV版块悬浮在浏览器左边的效果：下图是DIV版块隐藏后只留下一个重现箭头的效果。废话少说，直接放代码：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>DIV、CSS和JavaScript实现可隐藏并重现悬浮版块 - 计划阅读全文

posted @ 2012-09-27 12:13 计划阅读(591) | 评论 (0) 编辑

你可能感兴趣的:(jquery)

JS学习日记（jQuery库）红中马喽 javascript 学习 jquery 笔记开发语言
前言今天先更新jQuery库的介绍，它是一个用来帮助快速开发的工具介绍jQuery是一个快速，小型且功能丰富的JavaScript库，jQuery设计宗旨是“writeless，domore”，即倡导写更少的代码，做更多的事，它封装JavaScript常用的功能代码，提供一种简便的方式进行使用，大大提高了开发效率，jQuery目前支持的浏览器包括Chrome，edge，firefox，ie9+,S
java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw 兮兮科技 java mybatis 开发语言
java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lwjava毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址
使用html+css+jquery实现3D轮播图 mini_055 jquery html css
还是先来看看效果图：通过效果图我们先理一下思路：首先就是需要几张图片，但只有一张是显示在我们眼前的第二步：把一张图片分成几等份，这样点击转换的时候就会分开转第三步：就是实现点击按钮切换下一张。HTML部分HTML部分首先我们需要一个盒子显示图片，然后在盒子里装入图片，你想装几张图片就可以写几个li,除了图片我们还需要一个按钮来点击。一个li的图片效果如图所示：div是当你点击下一张的时候一个div
从vue-i18n来分析vue插件是如何工作的 weixin_34365635 javascript ui ViewUI
故事背景vue-i18n是vue代码贡献量第二的vuecoreteam的一位日本小哥写的,虽是第三方插件,用起来心里也舒服.github里搜了vuei18n,结果有不少,有一些很粗糙的,甚至用jquery的lib都有六七十个star.(阻断吐槽).厉害的人明显在设计上代码上都高很多档次吧.今天的故事的主角repo是:vue-i18n与iView.在使用他们的时候报错了,查看了issue,在issu
Frontend - Event 事件（change、dblclick、click、keydown、addEventListener）萝卜干榨菜酱 Fontend-事件 javascript html5 Django模板 jquery 前端一级二级联动下拉框select
目录一、常用事件（一）下拉选项切换change（同理：CheckBox、RadioBox）（二）双击dblclick（三）单击click（四）键盘按下keydown（如，回车键）二、监听事件addEventListener（一）意义（二）用法（三）举例三、监听事件jQueryon举例（设置DataTable的一级二级联动下拉框）1.模板文件2.luobogan.js（公共文件）一、常用事件（一）下
【Rust】——使用消息在线程之间传递数据 Y小夜 Rust（官方文档重点总结）rust 开发语言后端
博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录信道与所有权转移发送多个值并观察接收者的等待通过克隆发送者来创建多个生产者学
python和html和css什么关系什么区_python前端HTML和CSS入门斤木
前端阶段课程介绍1~4:HTML及CSS5~6:JavaScript7~10:jQuery00-知识点预习1、HTML基本结构2、HTML的常用标签3、HTML布局入门4、CSS概述5、CSS书写方式6、CSS常用选择器7、CSS常用属性01-什么是HTML？HTML是用来描述网页的一种语言。HTML指的是超文本标记语言:HyperTextMarkupLanguageHTML不是一种编程语言，而是
前端难还是后端难？干了8年后端开发，我想说点实话前端后端程序员
前端容易吗？不容易。后端轻松吗？也不轻松。那到底哪个更难？这事还真不是一句话能说清楚的……一、先说说我个人的背景我是一个写了8年Java后端的程序员，经历过中后台系统、金融系统、ToCApp的服务端架构，也跟前端打了无数交道。从最早的jQuery到现在的Vue、React、Vite，从最早的JSP页面到现在的前后端分离，我见证了不少“变化”。我不是要拉踩谁，只是想以一个偏后端开发者的视角，聊聊我对
Node.js爬虫 CheerioJS ‌轻量级解析、操作和渲染HTML及XML文档伍哥的传说前端开发那点事 node.js 爬虫 html
简介‌CheerioJS‌是一个专为Node.js设计的轻量级库，用于解析、操作和渲染HTML及XML文档，语法类似Jquery。安装npminstallcheerio示例constcheerio=require("cheerio");consthtml=`ExampleHello,world!`;const$=cheerio.load(html);console.log($("h1").text
【Dify精讲】第17章：前端组件定制开发 1989 前端架构 python flask AI编程
引言作为一个深耕前端领域多年的老兵，我见证了从jQuery到现代框架的演进历程。当我深入Dify的前端代码库时，被其优雅的组件架构设计深深震撼。这不仅仅是一个简单的AI应用前端，更是一个展示现代前端开发最佳实践的典型案例。今天，让我们一起走进Dify的前端世界，从组件设计的角度来理解如何构建一个可维护、可扩展的企业级前端应用。一、组件开发规范1.1Dify的组件架构哲学翻开Dify的前端代码，你会
图书管理系统 - jQuery与Ajax实战项目纪彬崧Darian
图书管理系统-jQuery与Ajax实战项目去发现同类优质开源项目:https://gitcode.com/项目简介本仓库提供了一个名为“图书管理系统.zip”的资源文件下载。该系统是一个基于jQuery和Ajax技术开发的图书管理系统，共包含10个页面。该项目适合已经学习了jQuery一个学期的读者，是我个人的jQuery基础大作业。功能特点图书管理：支持图书的增删改查操作，方便管理员对图书信息
探索经典与创新的交汇：Blockrain.js —— 现代化的HTML5俄罗斯方块游戏引擎怀琪茵Crown
探索经典与创新的交汇：Blockrain.js——现代化的HTML5俄罗斯方块游戏引擎blockrain.jsHTML5TetrisGameforjQuery项目地址:https://gitcode.com/gh_mirrors/bl/blockrain.js在数字娱乐的浩瀚宇宙中，有一种简单而永恒的游戏——俄罗斯方块。今天，我们要介绍一款以现代技术重新诠释这一经典的开源项目——Blockrain
contactform7 ajax,Contact Form 7插件高级应用
原标题：ContactForm7插件高级应用WordPress联系表单插件–ContactForm7是一款简单易用扩展性灵活的表单插件，可以自定义各式各样不同类型的表单功能，而且支持自定义接受邮件，Ajax提交和jQuery表单插件支持。可结合Akismet过滤垃圾邮件，同时也支持CAPTCHA反垃圾邮件，表单域元素支持各种最常见的：单选框、复选框、文本框、下拉菜单、按钮、文件上传等多种表单域。C
jQuery动态生成下拉列表并添加点击事件【简单实用】 weixin_43440301 JavaScript jQuery Ajax jQuery Ajax 下拉列表
jQuery动态生成下拉列表并添加点击事件直接上代码了，后续会贴上效果图。部门请选择部门$(function(){$.ajax({url:'/member/list',type:'POST',data:{},dataType:'json',timeout:1000,cache:false,beforeSend:LoadFunction,//加载执行方法error:erryFunction,//错误
jquery获取本机内网IP ipipv4
在jquery中获取本机内网IP地址可以通过WebRTCAPI来收集本地候选IP地址，并通过正则表达式筛选出内网IP一：实现思路WebRTC获取IP：通过创建RTCPeerConnection实例，浏览器会自动收集本地网络接口的IP地址作为ICE候选。筛选内网IP：从收集到的候选IP中过滤出符合IP地址二：浏览器支持需在支持WebRTC的现代浏览器（如Chrome、Firefox）中运行三：代码实
YiI2+ecshop phpexcel生成下载excel订单 PHP(Mr. Hamster) #Yii2 php excel
前端代码注：需引入jquery下载订单document.getElementById('downloadBtn').addEventListener('click',function(event){event.preventDefault();//自定义逻辑例如：发送AJAX请求或显示下载提示constkey_words=$('input[name="key_words"]').val();con
DevExpress BI仪表盘集成OpenAI：实现实时对话式数据分析助手界面开发小八哥数据分析数据挖掘 devexpress BI 界面控件用户界面
DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带功能齐
从达标到卓越 —— API 设计之道阿里云云栖号参数事件接口设计代码
摘要：新技术层出不穷，长江后浪推前浪。在浪潮褪去后，能留下来的，是一些经典的设计思想。在前端界，以前有远近闻名的jQuery，近来有声名鹊起的Vue.js。这两者叫好又叫座的原因固然有很多，但是其中有一个共同特质不可忽视，那便是它们的API设计非常优雅。因此这次我想来谈个大课题——API设计之道。******新技术层出不穷，长江后浪推前浪。在浪潮褪去后，能留下来的，是一些经典的设计思想。在前端界，
Jquery笔记 Kari– jquery
JQuery笔记文章目录JQuery笔记CSS()函数JQ操作DOMJQ访问CSS任务:比较JQ访问CSS与JS访问CSS各自优缺点JQ常用内置函数分类JQ插件JS和JQ的ajax内置函数第一个任务操作CSS样式操作元素类图片显示效果练习picture.zip第二个任务操作元素的尺寸第三个任务操作元素的位置解决布局设置元素属性JQ访问CSS样式css()JQ访问元素类addClass()JQ访问元
jquery和CSS3圆形倒计时特效 yt94832 jquery css3 前端
这是一款jquery和CSS3圆形倒计时特效。该特效使用CSS对页面进行布局，生成用于倒计时的圆环，然后通过jquery代码来控制圆环的倒计时进度。预览下载使用方法在页面中引入下面的文件。HTML结构MinSec开始停止初始化插件letcircle=document.getElementById('cls');lettotal;letstart=$('#start');start.click(()
前端框架实战经验深度解析：美团#房源选房项目＞＞＞Vue.js开发与跨端部署的那些事 small_wh1te_coder 前端性能优化 vue 前端 javascript vscode es6
跟着codewh全套教程看源码、怼项目也有两个月了，吸取前人经验、敲了几个项目之后也小有收获：1.遇事不决：源码开怼！从js高级到jquery到各中框架，碰到底层知识、实现中的小bug不懂、调试难题.....诸多此类类似于ast生成/编译过程/lexicalEnvironment分析等底层原理性难点，直接找技术手册或找到源码分析！程序员只有刨根问底才能获得最大程度的上的进化！2.觉得记不住？多敲多
joomla网页加速插件 chenjie3392593 jooma mootools library jquery ajax google 服务器
1、选择配置高、线路快的虚拟主机！这一点非常重要！如果你购买了一个垃圾服务器空间，那么在软件上怎么折腾，也无法弥补硬件太差的损失！2、开启Joomla缓存，设置好适当的缓存时长。安装高级缓存工具例如JotCache；3、使用外部JS库，例如：GoogleAJAXLibrary以及jQueryEasy;4、合并、压缩CSS及JS文件，清理及压缩HTML输出，例如：JCHOptimize。5、如果页面
为什么ajax请求状态码为0,ajax请求状态码为0的解决办法程涛-supertim 为什么ajax请求状态码为0
原文链接：https://blog.csdn.net/changqing5818/article/details/53932463前言今天遇到个奇怪的问题，使用JQuery的ajax请求，后台的Controller层也接收到请求了，一切处理很正常，但是很奇怪，浏览器Debug发现，responseText是”error”，状态码是0而不是200.请求源码如下$.ajax({type:"POST",
OpenLayers轨迹动画 lixue7921 javascript 开发语言 ecmascript
OpenLayers是一款开源的地图库，可以在Web浏览器中显示交互式地图。它可以与OpenStreetMap、GoogleMaps、BingMaps等在线地图服务集成使用。OpenLayers中的轨迹动画可以通过使用OpenLayers的Vector和FeatureAPI，结合一些JavaScript动画库，如Tween.js或jQuery，来实现。下面是一个简单的示例：1.准备地图和轨迹数据v
深入理解与应用：jQuery核心概念笔记陈马登Morden
本文还有配套的精品资源，点击获取简介：《jQuery笔记1——深入理解与应用》是一本介绍如何使用jQuery库的书。jQuery是一个用于简化Web开发的JavaScript库，包括HTML文档遍历、事件处理、动画及Ajax交互等功能。通过实例应用，本笔记将引导读者深入理解jQuery的核心概念，并巩固学习成果。内容涵盖从基本的jQuery选择器和DOM操作到复杂的动画效果和Ajax请求处理，为W
计算机毕业设计Java汽车租赁系统(源代码+数据库+系统+lw文档) 在线科技汽车
计算机毕业设计Java汽车租赁系统(源代码+数据库+系统+lw文档)计算机毕业设计Java汽车租赁系统(源代码+数据库+系统+lw文档)本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://p
Django核心知识点全景解析 python_chai json python
引言本文深入剖析Django核心组件，涵盖数据交换、异步交互、状态管理及安全认证，附完整代码示例和避坑指南！目录引言一、JSON：轻量级数据交换标准1.核心特性2.标准格式3.各语言处理方法4.常见错误示例二、AJAX：异步通信核心技术1.核心优势2.原生JS实现3.jQuery简化实现4.安全防护（CSRFToken）5.文件上传实战三、Cookie：客户端状态管理1.核心原理2.Django操
java毕业设计劳务外包管理系统源码+lw文档+mybatis+系统+mysql数据库+调试銮銮科技 mybatis java 数据库
java毕业设计劳务外包管理系统源码+lw文档+mybatis+系统+mysql数据库+调试java毕业设计劳务外包管理系统源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：My
webpack优化：提高二次构建速度
痛点：开发过程中改一行代码却要等webpack构建半天实在太捉急。项目背景我们的项目是@vue/cli4生成的，基于webpack和vue2开发，未使用ts。用到了很多jquery、lodash、echarts等第三方依赖。参考：@vue/cli4已经默认配置过一些优化方法了，比如为babel-loader增加cache-loder。请教了deepseek和google之后，根据项目的实际情况和当
WPF使用WebBrowser报脚本错误问题处理星火燎猿 WPF桌面程序开发 wpf
前言WPF使用WebBrowser报脚本错误问题处理，我们都知道WPF自带的WebBrowser都用的IE内核，但是在特殊的条件下我们还需要用到它，比如展示纯html简单的页面。再展示主流页面的时候比如用到Jquery高级库或者VUE等当前主流站点时经常就会报JS脚本错误，在Winform里面我们一句代码就能搞定，但是WPF没有提供相关的方法，今天我们就自己来实现一个扩展方法来实现。最终我们也能一
PHP，安卓，UI，java，linux视频教程合集 cocos2d-x小菜 java UI PHP android linux
╔-----------------------------------╗┆
各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。 bozch .net .net mvc
在.net mvc5中，在执行某一操作的时候，出现了如下错误：各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。经查询当前的操作与错误内容无关，经过对错误信息的排查发现，事故出现在数据库迁移上。回想过去：在迁移之前已经对数据库进行了添加字段操作，再次进行迁移插入XXX字段的时候，就会提示如上错误。 &
Java 对象大小的计算 e200702084 java
Java对象的大小如何计算一个对象的大小呢？
Mybatis Spring 171815164 mybatis
ApplicationContext ac = new ClassPathXmlApplicationContext("applicationContext.xml"); CustomerService userService = (CustomerService) ac.getBean("customerService"); Customer cust
JVM 不稳定参数 g21121 jvm
-XX 参数被称为不稳定参数，之所以这么叫是因为此类参数的设置很容易引起JVM 性能上的差异，使JVM 存在极大的不稳定性。当然这是在非合理设置的前提下，如果此类参数设置合理讲大大提高JVM 的性能及稳定性。可以说“不稳定参数”
用户自动登录网站永夜-极光用户
1.目标:实现用户登录后,再次登录就自动登录,无需用户名和密码 2.思路:将用户的信息保存为cookie 每次用户访问网站,通过filter拦截所有请求,在filter中读取所有的cookie,如果找到了保存登录信息的cookie,那么在cookie中读取登录信息,然后直接
centos7 安装后失去win7的引导记录程序员是怎么炼成的操作系统
1.使用root身份(必须)打开 /boot/grub2/grub.cfg 2.找到 ### BEGIN /etc/grub.d/30_os-prober ### 在后面添加 menuentry "Windows 7 (loader) (on /dev/sda1)" {
Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载 aijuans oracle
Oracle 10g 官方中文安装帮助文档下载：http://download.csdn.net/tag/Oracle%E4%B8%AD%E6%96%87API%EF%BC%8COracle%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%EF%BC%8Coracle%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3 Oracle 10g 官方中文教程
JavaEE开源快速开发平台G4Studio_V3.2发布了無為子 AOP oracle mysql javaee G4Studio
我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V3.2版本已经正式发布。大家可以通过如下地址下载。访问G4Studio网站 http://www.g4it.org G4Studio_V3.2版本变更日志功能新增 (1).新增了系统右下角滑出提示窗口功能。 (2).新增了文件资源的Zip压缩和解压缩
Oracle常用的单行函数应用技巧总结百合不是茶日期函数转换函数(核心)数字函数通用函数(核心)字符函数
单行函数; 字符函数,数字函数,日期函数,转换函数(核心),通用函数(核心) 一:字符函数: .UPPER(字符串) 将字符串转为大写 .LOWER (字符串) 将字符串转为小写 .INITCAP(字符串) 将首字母大写 .LENGTH (字符串) 字符串的长度 .REPLACE(字符串,'A','_') 将字符串字符A转换成_
Mockito异常测试实例 bijian1013 java 单元测试 mockito
Mockito异常测试实例： package com.bijian.study; import static org.mockito.Mockito.mock; import static org.mockito.Mockito.when; import org.junit.Assert; import org.junit.Test; import org.mockito.
GA与量子恒道统计 Bill_chen JavaScript 浏览器百度 Google 防火墙
前一阵子，统计**网址时，Google Analytics（GA）和量子恒道统计（也称量子统计），数据有较大的偏差，仔细找相关资料研究了下，总结如下：为何GA和量子网站统计（量子统计前身为雅虎统计）结果不同？首先：没有一种网站统计工具能保证百分之百的准确出现该问题可能有以下几个原因：（1）不同的统计分析系统的算法机制不同；（2）统计代码放置的位置和前后
【Linux命令三】Top命令 bit1129 linux命令
Linux的Top命令类似于Windows的任务管理器，可以查看当前系统的运行情况，包括CPU、内存的使用情况等。如下是一个Top命令的执行结果： top - 21:22:04 up 1 day, 23:49, 1 user, load average: 1.10, 1.66, 1.99 Tasks: 202 total, 4 running, 198 sl
spring四种依赖注入方式白糖_ spring
平常的java开发中，程序员在某个类中需要依赖其它类的方法，则通常是new一个依赖类再调用类实例的方法，这种开发存在的问题是new的类实例不好统一管理，spring提出了依赖注入的思想，即依赖类不由程序员实例化，而是通过spring容器帮我们new指定实例并且将实例注入到需要该对象的类中。依赖注入的另一种说法是“控制反转”，通俗的理解是：平常我们new一个实例，这个实例的控制权是我
angular.injector boyitech AngularJS AngularJS API
angular.injector 描述: 创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入. 使用方法: angular.injector(modules, [strictDi]) 参数详解: Param Type Details mod
java-同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待 bylijinnan Integer
public class PC { /** * 题目：生产者-消费者。 * 同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待。 */ private static final Integer[] val=new Integer[10]; private static
使用Struts2.2.1配置 Chen.H apache spring Web xml struts
Struts2.2.1 需要如下 jar包: commons-fileupload-1.2.1.jar commons-io-1.3.2.jar commons-logging-1.0.4.jar freemarker-2.3.16.jar javassist-3.7.ga.jar ognl-3.0.jar spring.jar struts2-core-2.2.1.jar struts2-sp
[职业与教育]青春之歌 comsci 教育
每个人都有自己的青春之歌............但是我要说的却不是青春... 大家如果在自己的职业生涯没有给自己以后创业留一点点机会,仅仅凭学历和人脉关系,是难以在竞争激烈的市场中生存下去的.... &nbs
oracle连接(join)中使用using关键字 daizj JOIN oracle sql using
在oracle连接(join)中使用using关键字 34. View the Exhibit and examine the structure of the ORDERS and ORDER_ITEMS tables. Evaluate the following SQL statement: SELECT oi.order_id, product_id, order_date FRO
NIO示例 daysinsun nio
NIO服务端代码： public class NIOServer { private Selector selector; public void startServer(int port) throws IOException { ServerSocketChannel serverChannel = ServerSocketChannel.open(
C语言学习homework1 dcj3sjt126com c homework
0、课堂练习做完 1、使用sizeof计算出你所知道的所有的类型占用的空间。 int x; sizeof(x); sizeof(int); # include <stdio.h> int main(void) { int x1; char x2; double x3; float x4; printf(&quo
select in order by , mysql排序 dcj3sjt126com mysql
If i select like this: SELECT id FROM users WHERE id IN(3,4,8,1); This by default will select users in this order 1,3,4,8, I would like to select them in the same order that i put IN() values so:
页面校验-新建项目 fanxiaolong 页面校验
$(document).ready( function() { var flag = true; $('#changeform').submit(function() { var projectScValNull = true; var s =""; var parent_id = $("#parent_id").v
Ehcache（02）——ehcache.xml简介 234390216 ehcache ehcache.xml 简介
ehcache.xml简介 ehcache.xml文件是用来定义Ehcache的配置信息的，更准确的来说它是定义CacheManager的配置信息的。根据之前我们在《Ehcache简介》一文中对CacheManager的介绍我们知道一切Ehcache的应用都是从CacheManager开始的。在不指定配置信
junit 4.11中三个新功能 jackyrong java
junit 4.11中两个新增的功能，首先是注解中可以参数化，比如 import static org.junit.Assert.assertEquals; import java.util.Arrays; import org.junit.Test; import org.junit.runner.RunWith; import org.junit.runn
国外程序员爱用苹果Mac电脑的10大理由 php教程分享 windows PHP unix Microsoft perl
Mac 在国外很受欢迎，尤其是在设计/web开发/IT 人员圈子里。普通用户喜欢 Mac 可以理解，毕竟 Mac 设计美观，简单好用，没有病毒。那么为什么专业人士也对 Mac 情有独钟呢？从个人使用经验来看我想有下面几个原因： 1、Mac OS X 是基于 Unix 的这一点太重要了，尤其是对开发人员，至少对于我来说很重要，这意味着Unix 下一堆好用的工具都可以随手捡到。如果你是个 wi
位运算、异或的实际应用 wenjinglian 位运算
一．位操作基础，用一张表描述位操作符的应用规则并详细解释。二．常用位操作小技巧，有判断奇偶、交换两数、变换符号、求绝对值。三．位操作与空间压缩，针对筛素数进行空间压缩。 &n
weblogic部署项目出现的一些问题（持续补充中……） Everyday都不同 weblogic部署失败
好吧，weblogic的问题确实…… 问题一： org.springframework.beans.factory.BeanDefinitionStoreException: Failed to read candidate component class: URL [zip:E:/weblogic/user_projects/domains/base_domain/serve
tomcat7性能调优（01） toknowme tomcat7
Tomcat优化： 1、最大连接数最大线程等设置 <Connector port="8082" protocol="HTTP/1.1" useBodyEncodingForURI="t
PO VO DAO DTO BO TO概念与区别 xp9802 java DAO 设计模式 bean 领域模型
O/R Mapping 是 Object Relational Mapping（对象关系映射）的缩写。通俗点讲，就是将对象与关系数据库绑定，用对象来表示关系数据。在O/R Mapping的世界里，有两个基本的也是重要的东东需要了解，即VO，PO。它们的关系应该是相互独立的，一个VO可以只是PO的部分，也可以是多个PO构成，同样也可以等同于一个PO（指的是他们的属性）。这样，PO独立出来，数据持