All posts by 龙生
20+ 个很有用的 jQuery 的 Google 地图插件
Google 地图在寻找我们想要了解的商店或者其它有趣的地方这种用途方面很流行和实用. 地图被一些商店特地集成到了它们的网站上面，这样就可以让人们容易找到它们的所在. 尽管其并不容易被集成，Google 地图使用起来还是简单且引人注目的. 在你的站点上集成它需要一个漫长且复杂的过程. 但多亏了拥有一个许多实用Google地图插件资源库的jQuery. 你只需要将jQeury地图插件安装到你的站点上，然后就可以开始根据你的业务需要来设计简单但能吸引人的地图了. 在本文中，我会列出一堆实用的jQuery Google地图插件, 它们提供了许多将地图添加到你的站点的功能. 如果你发现这片文章对你有帮助，请将其分享给其他人。如果你有任何其他的意见，请不要迟疑，把它们写在下面吧. WhatsNearby 一个使用Google地图将一个特定点附近的位置标识出来的jQuery插件. 示例 mapsed.js Mappy.js 是一个在一张地图上选择位置的插件. 出了选择位置，你还可以添加或者编辑已经集成到了你自己的数据库中的位置. 示例 JQuery 位置选择器 位置选择器插件可以让你很容易的找到并选择一个Google地图上的位置. 提供中心位置和半径，它还可以选择一片区域. 所有的数据都可以被自动地保存到任何HTML输入元素中，也可以被Javascript处理. 示例 Planetary.js Planetary.js 是一个用来构建很棒的可交互地球的Javascript库. 它使用了D3和TopoJSON来转换和渲染地理数据. Planetary.js 使用了一个基于插件的架构; 甚至于默认的功能都是作为插件实现的. 示例 Leaflet Leaflet 是一个用于对移动装置地图交互友好的现代开源Javascript库. Leaflet 被设计得简单，高性能且很好使用. 它开箱即用，可以很高效的运行在所有主要的桌面和移动平台上, 尽管吸收了现代浏览器HTML5和CSS3的有点，但仍然可以在较老的浏览器上运行. 示例 jQuery 商店定位 这个jQuery差劲啊利用了 Google Maps API 版本3 来创建一个能简单实现的商店选择器. 这需要无后台编程，你只需要向其提供带有所有位置信息的KML，XML或者JSON数据. 示例 Maplace.Js Maplace.js 可以帮助你在你的站点中嵌入Google地图, 并在其上快速创建新建和控制位置的菜单. 示例 MapQuery MapQuery 是一个你可以用来在你的站点上添加地图的jQuery插件. 不管你是要快速地添加一个地图到页面上，还是想构建一个特性丰富的web应用，MapQuery 都是你所需. 示例 jQuery Geo jQuery Geo, 是一个来自Applied Geographics的开源地理学地图项目, 提供一系列能满足你的在线地图应用大部分需求的Javascript API. 示例 Geolocation Geolocation 是一个使用Google Maps API v3来获取访问了你的网页的用户位置的jQuery插件. 示例 gMap gMap 是一个轻量级的JQuery插件，可以帮助你吧Google地图嵌入站点. 示例 VectorMap VectorMap 是一个用来在网页上展示矢量地图和可视化数据的JQuery插件. 示例 Europe : CSS […]
View Details2014年50个程序员最适用的免费JQuery插件
有用的jQuery库是设计师和开发者之间一个非常熟悉的短语。这是现在互联网中最流行的JavaScript函数库之一。每个设计师和开发人员都应该知道它的重要性，而且熟悉它的功能和特点。 jQuery几乎可以解决一个网站所有的问题 它可以从做一个有吸引力和创意的网站解决所有那些阻碍你的问题 如果你想解决任何跨浏览器的问题，那就必须收藏使用JavaScript函数库 jQuery库是Web开发人员的重要来源。你会发现很多互联网的jQuery插件都是免费使用的，但发现这些优秀的jQuery插件，需要你花费许多时间，经过许多个站点来了解最新和最流行的jQuery库。 所以，在今天的文章中，我们收集了许多最适合应用在网站中的jQuery库。你可以使用它们来为自己的网站添加很酷的效果。 1. Treed Treed 可以用在你网站上的树形编辑。它是可扩展的，可定制的，功能强大且非常易于使用的插件。 2. jQuery Vibrate 这是专门为移动设备建立的。它允许开发者在一个特定的时间周期的对任何设备进行振动操作。 3. Flight Indicators 这是一个非常容易使用的插件。您可以使用HTML，CSS3，jQuery和SVG图像显示高品质的飞行指标。. 4. jQuery LightSlider Lightslider可以为你网站提供自适应和可触摸的内容滑块。带滑动和淡入淡出效果，它与所有主流浏览器兼容。 5. jQuery GoUp! 这是一个非常简单而且易于使用的插件。它可以让您的网站访问者直接返回到页面的顶部点击。 6. Image Cropper 这个jQuery插件允许你裁剪网站上的图像。它还提供了一些选项和预览。还可以设置高度和宽度。 7. Devrama Slider Devrama是一个自适应图像滑块插件。支持图片和HTML内容。而且带有各种过渡效果。 8. jQFader jQFader是一个非常简单的插件，可以让网站的元素在实现淡出效果。风格朴素而且简单易用，非常适合在您的网站。 9. Forkit Forkit.js是一个展示动画丝带的jQuery插件，可以为访客带来额外的惊喜内容。它通常被放置在右上角。 10. Vertical News Slider 正如其名称所暗示的，是一个基于jQuery和CSS3的滑块，显示新闻标题左侧同时预览的选项，并简要总结。 11. Looking For 这是一个允许在页面上的列表项搜索文本的jQuery插件，它同时也隐藏了那些不匹配的项目。 12. Browser Swipe 这个插件允许你滚动时禁用在网站上触控板刷卡事件。根据鼠标滚轮和上下滚动控制它的反应。 13. Chicken Dinner ChickenDinner是一个独特的jQuery插件。它允许随机从客户端阵列通过图像标记或背景加载图像。 14. Flicker Plate 这是一个自适应和易于使用的jQuery插件。它可以让你在一个页面上翻页浏览网页上的内容。 15. SVGMagic 要SVG图像转换成PNG？使用这个简单的jQuery库。如果你浏览器不支持SVG格式，它可以搜索你网站上SVG图像，并将其转换为PNG图片。 16. lazyYT 这个jQuery插件是用来延迟加载YouTube视频的。在第一次加载时，格将被替换的视频预览图片，点击后，将自动播放。 17. ScrollMagic 有了这个插件，当内容向下滚动到一个特定的位置，你可以控制与用户不同的交互元素，动画炫酷，等等，。 18. RowGrid RowGrid是一个把图片或者其他元素在一条直线排在您的网站的jQuery插件。这是一个小而易用的工具。 19. Remodal 这个jQuery插件用于散列跟踪和声明式状态符号。它是自适应，扁平化，易于定制的插件。 20. Panorama Viewer 这是一个非常有用的jQuery插件。它允许你在网站插入全景照片展示更多的独特的感觉。 21. Floatlabels 这是一个对开发者非常熟悉的jQuery插件。当用户相互关联的任何文本，占位符值向上移动时会显示在上面键入的文本。 22. Fluidbox 这是一个非常有用的jQuery插件。它复制并提高了在它链接到更大的分辨率图像的方式看到介质流体灯箱模块。 23. Headroom Headroom.js可以帮助你保持网站主内容贴近用户的主导航。当网站向下滚动时，它自动缩回；当向上滚动时，它自动显示。 24. A-Slider A-Slider 是一个自适应的简单滑块，它也支持音频，而且非常容易使用，可以高度可配置的使用HTML的功能。 25. CoverflowJS 这是的CoverFlow项目，允许你通过结合jQuery的UI组件和CSS3样式的来创建一个功能齐全的“CoverFlow”的效果。 注：cover flow是苹果首创的将多首歌曲的封面以3D界面的形式显示出来的方式。 26. jQuery URLive 这个jQuery插件非常类似于Facebook帖子的附件功能。它允许你创建任意URL的基于其开放式图形属性实时预览。 27. BttrLazyLoading 这个插件允许Web应用程序只加载那些视窗内的图像。可以有不同版本的图像在四个不同的屏幕尺寸。 28. jQuery Collapser 这个jQuery插件可以让你用文字，字符和线条来灵活的折叠元素的文本。它具有多种函数来实现一个段落的折叠功能。 29. Parallax ImageScroll 这个插件可以创建一个图像的视差效果。它使用简单，并提供了许多选项进行修改。还可以使用动画和CSS3样式。 30. Block Scroll 这个jQuery插件打破了页面中一小部分内容的更好展示。通过一次显示的元素作为一个屏幕，使整个页面自动适应。 31. Full […]
View Details2014 年 25 款最新最棒的 jQuery 插件
我们收集了 2014 年 25 款最新最棒的 jQuery 插件，帮助大家改善网站的用户体验！ 网络上提供了大量非常有用的 jQuery 插件，帮助大家完善网站的体验。所以我们在这里收集了 2014 年发布的，并且是非常有用的插件，希望能帮助大家找到自己需要并且喜欢的，提升网站的质量！ HAMMER JS PAPA PARSE PAPAPARSE 是强大，浏览器内置的 CSV 解析器。 BLURR Horwheel Component Animsition Animsition 是简单，易用的 jQuery 插件，用来在 CSS 动画隐藏 xs 的页面转换中添加 br 类。 LADDA BLAST Blast.js 可以分离文本，方便排版操作。包括四个分隔因素：字符，词，句子和元素。另外，Blast 可以自定义正则表达式和短语。 MENY Meny 是三维立体和空间特效菜单的概念。 FOKUS Fokus 使用 JavaScript 用黑色半透明覆盖页面的其他部分，强调任意你选择的部分。 SWIP LI CHAFFLE chaffle 是 jQuery 插件，允许用户随机混乱字符。 Valideasy TWINKLE twinkle 是 jQuery 插件，通过可视化的 effects · larsjung.de 来吸引浏览者的注意力。 JQ THUMB QR CODE HEATMAP JS IMAGE FIT BLOCK SCROLL ANIMATED CSS BOXES ROLLER BLADE Simple Sidebar AIM SMOOTH STATE JS VIDE via webdesignmoo.com […]
View Details2014 年最好的 20 个 jQuery Lightbox 插件
只看图不说话 Chillbox Visual LightBox Magnific Popup jQuery lightGallery Photo Box iLightBox Featherlight Smoothbox Featured – Likno Web Modal Windows Builder Touch optimized sliders Image Lightbox Swipebox Colorbox Slimbox 2 Highslide JS asPopup Nivo Lightbox Lightview Image Lightbox via webdesigncone from:http://www.oschina.net/news/54692/best-jquery-lightbox-plugins
View Details10 个非常有用的 jQuery 全屏背景插件
现在的网页设计很流行全屏背景，就是使用一张大图作为网页的背景，在网页进行滚动时背景不动。本文介绍 10 个在处理全屏背景效果的 jQuery 插件。 BACKSTRETCH VIDE BIG VIDEO SIMPLE VID GAYA DESIGN MOTIO VEGAS OKFOCUS VIDEO FORMSTONE SUPERSIZED via webdesignmoo from:http://www.oschina.net/news/55788/10-useful-fullscreen-background-jquery-plugins-2014
View Details5 款最新的 jQuery 图片裁剪插件
这篇文章主要介绍最新的 5 款 jQuery 图片裁剪插件，可以帮助你轻松的实现你网站需要的图像裁剪功能。 Cropit Cropit 是一个 jQuery 插件，支持图像裁剪和缩放功能。Cropit 通过 FileReader 进行本地图片加载，然后使用 canvas 来进行裁剪。 croppic croppic 是图像裁剪的 jQuery 插件，可以满足你的要求，并且有许多额外的特性。 Image Cropper jQuery Image Cropper 是简单的 jQuery 图像裁剪插件。 Fakecrop jQuery-Fakecrop 插件是图像集合，可以自动扫描所有图像，适应一个自定义边界的框。Fakecrop 还可以创建图像的“fake”裁剪效果，可以生成非常漂亮的缩略图。 CropZoom CropZoom 是 jQuery 插件，支持图片裁剪，缩放和旋转。 via hidimba360.com FROM:http://www.oschina.net/news/56782/5-latest-jquery-image-crop-plugins
View DetailsHttp Status Code/http响应状态码
100 Continue 指示客户端应该继续请求。回送用于通知客户端此次请求已经收到，并且没有被服务器拒绝。 客户端应该继续发送剩下的请求数据或者请求已经完成，或者忽略回送数据。服务器必须发送 最后的回送在请求之后。 101 Switching Protocols 服务器依照客服端请求，通过Upgrade头信息，改变当前连接的应用协议。服务器将根据Upgrade头立刻改变协议 在101回送以空行结束的时候。 Successful ================================= 200 OK 指示客服端的请求已经成功收到，解析，接受。 201 Created 请求已经完成并一个新的返回资源被创建。被创建的资源可能是一个URI资源，通常URI资源在Location头指定。回送应该包含一个实体数据 并且包含资源特性以及location通过用户或者用户代理来选择合适的方法。实体数据格式通过煤体类型来指定即content-type头。最开始服务器 必须创建指定的资源在返回201状态码之前。如果行为没有被立刻执行，服务器应该返回202。 202 Accepted 请求已经被接受用来处理。但是处理并没有完成。请求可能或者根本没有遵照执行，因为处理实际执行过程中可能被拒绝。 203 Non-Authoritative Information 204 No Content 服务器已经接受请求并且没必要返回实体数据，可能需要返回更新信息。回送可能包含新的或更新信息由entity-headers呈现。 205 Reset Content 服务器已经接受请求并且用户代理应该重新设置文档视图。 206 Partial Content 服务器已经接受请求GET请求资源的部分。请求必须包含一个Range头信息以指示获取范围可能必须包含If-Range头信息以成立请求条件。 Redirection ================================== 300 Multiple Choices 请求资源符合任何一个呈现方式。 301 Moved Permanently 请求的资源已经被赋予一个新的URI。 302 Found 通过不同的URI请求资源的临时文件。 303 See Other 304 Not Modified 如果客服端已经完成一个有条件的请求并且请求是允许的，但是这个文档并没有改变，服务器应该返回304状态码。304 状态码一定不能包含信息主体，从而通常通过一个头字段后的第一个空行结束。 305 Use Proxy 请求的资源必须通过代理（由Location字段指定）来访问。Location资源给出了代理的URI。 306 Unused 307 Temporary Redirect Client Error ===================== 400 Bad Request 因为错误的语法导致服务器无法理解请求信息。 401 Unauthorized 如果请求需要用户验证。回送应该包含一个WWW-Authenticate头字段用来指明请求资源的权限。 402 Payment Required 保留状态码 403 Forbidden 服务器接受请求，但是被拒绝处理。 404 Not Found […]
View DetailsWindows 0day漏洞修复方法
内核模式驱动程序中的漏洞可能允许远程执行代码 (3000061) 发布日期： 2014 年 10 月 14 日 微软已经发布安全公告以及补丁MS14-058 详细说明参考：https://technet.microsoft.com/zh-cn/library/security/ms14-058.aspx 该漏洞补丁：KB3000061 简单来说，就是可以用一个CMD调用一个特殊的exe文件，提权成system用户，从而入侵任何版本的服务器，必须尽快更新操作系统的全部补丁来解决，建议用windows update自动更新。 Windows 2003：开始--所有程序--windows update Windows 2008/Windows 2012：控制面板--Windows 更新 更新完全部补丁后重启系统。如果安装补丁出错，可以查看C:\Windows下的最新的KBxxxxxxx.log日志。 如果出现“安装程序不能验证Update.inf文件的完整性,请确定加密服务正在此计算机上运行”的报错可使用以下方法解决。 开始--管理工具--服务，找到名称为“Cryptographic Services”的服务项，停止该服务。然后打开系统安装目录\\System32\\文件夹，在该文件夹下，找到名为“catroot2”的文件夹，将其删除或重命名，最后在服务管理器中，将“Cryptographic Services”服务启动，然后重新安装补丁即可。 或者直接在cmd中操作 1)在开始中运行cmd 2)在窗口中运行net stop cryptsvc，回车 3)ren %systemroot%\system32\catroot2 catroot2bak，回车 4)net start cryptsvc，回车 5)exit，回车。再更新补丁。 from:http://www.cnaaa.com/style/info/shownews.asp?id=585
View DetailsMySQL中时间-->数字转换和IP地址-->数字转换
后台有很字段都是采用时间戳的形式，二者如何转换的，每次都搜索，真麻烦，就记下来吧。其实时间和IP类型的字段都有数字来存储的话，还是优点还是很大的，最直接的就是会省掉不少的存储空间。 1、将时间转换为时间戳 select unix_timestamp('2009-10-26 10-06-07') 如果参数为空，则处理为当前时间 2、将时间戳转换为时间 select from_unixtime(1256540102) 有些应用生成的时间戳是比这个多出三位，是毫秒表示，如果要转换，需要先将最后三位去掉（标准的10位数字，如果是13位的话可以以除以1000的方式），否则返回NULL 还有就是IP地址和数字之间的转换： 1.将IP地址转化为数字 select inet_aton('210.30.0.103'); 2.将数字转化为IP地址 select inet_ntoa(3525181543); ___________________________________________________________________ mysql日期和时间格式转换 对于每个类型拥有的值范围以及并且指定日期何时间值的有效格式的描述见7.3.6 日期和时间类型。 这里是一个使用日期函数的例子。下面的查询选择了所有记录，其date_col的值是在最后30天以内： mysql> SELECT something FROM table WHERE TO_DAYS(NOW()) – TO_DAYS(date_col) <= 30; DAYOFWEEK(date) 返回日期date的星期索引(1=星期天，2=星期一, ……7=星期六)。这些索引值对应于ODBC标准。 mysql> select DAYOFWEEK('1998-02-03'); -> 3 WEEKDAY(date) 返回date的星期索引(0=星期一，1=星期二, ……6= 星期天)。 mysql> select WEEKDAY('1997-10-04 22:23:00'); -> 5 mysql> select WEEKDAY('1997-11-05'); -> 2 DAYOFMONTH(date) 返回date的月份中日期，在1到31范围内。 mysql> select DAYOFMONTH('1998-02-03'); -> 3 DAYOFYEAR(date) 返回date在一年中的日数, 在1到366范围内。 mysql> select DAYOFYEAR('1998-02-03'); -> 34 MONTH(date) 返回date的月份，范围1到12。 mysql> select MONTH('1998-02-03'); -> 2 DAYNAME(date) 返回date的星期名字。 mysql> select DAYNAME("1998-02-05"); -> 'Thursday' MONTHNAME(date) 返回date的月份名字。 mysql> […]
View DetailsIP地址与数字地址相互转换
站长网IP查询地址：http://tool.chinaz.com/ip/ 可以看到，IP查询工具是先将IP段地址转化成数字地址，再才得到IP的物理地址。 ————————————————————————————————————————————- 为什么要将IP段地址转化成数字地址？ 根据TCP/IP协议规定，IP地址是由32位二进制数组成，而且在INTERNET范围内是唯一的。例如，某台联在因特网上的计算机的IP地址为： 11010010 01001001 10001100 00000010 很明显，这些数字对于人来说不太好记忆。人们为了方便记忆，就将组成计算机的IP地址的32位二进制分成四段，每段8位，中间用小数点隔开，然后将每八位二进制转换成十进制数，这样上述计算机的IP地址就变成了：118.123.15.102。 由于在同一个区域里，IP段都是很相近的，如果拿IP段（118.123.15.102）直接进行比较，在操作上很是麻烦，而且数据的存储也不易实现，所以才会把IP转换成数字地址，再来确定IP段的物理地址。 ————————————————————————————————————————————- 理解了IP的概念之后，诸如IP（118.123.15.102）怎样转换成数字地址呢？ IP本是32为二进制，为了方便记忆才转化成了四段十进制，所以只要把IP还原成二进制，再转换成十进制就可以得到IP的数字地址。 .NET C# IP与数字地址相互转化： //IP转换成数字地址 public static uint IPToInt(string ipAddress) { string disjunctiveStr = ".,: "; char[] delimiter = disjunctiveStr.ToCharArray(); string[] startIP = null; for (int i = 1; i <= 5; i++) { startIP = ipAddress.Split(delimiter, i); } string a1 = startIP[0].ToString(); string a2 = startIP[1].ToString(); string a3 = startIP[2].ToString(); string a4 = startIP[3].ToString(); uint U1 = uint.Parse(a1); uint U2 = uint.Parse(a2); uint U3 = uint.Parse(a3); uint U4 = uint.Parse(a4); uint U = U1 […]
View Details