一.插件功能 用于对图片进行修剪.但是在使用Jcrop时,还需要配合服务器端开发语言(如asp.net,php等)使用. 二.官方地址 http://deepliquid.com/content/Jcrop.html在官方地址中有5个demo,在这5个demo中,有3个带有代码说明.有1个提供了完整的实例,前端(js)与后台(php)交互,修剪图片并显示.而本次测试时,后台使用的是asp.net来修剪图片.在文章的下面有完整的测试代码可供下载.官方Demo也可以下载,但是下载下来的文件包含js代…

一.backstretch插件功能 优化网站外观.主要用于设置页面背景图片,也可以设置html元素的背景图片.背景图片可以设置多张,在间隔时间内循环显示. 注 但是在设置背景图片时,如果图片过大,网站使用的资源又受到限制时,应压缩图片的大小.不然图片的加载会非常缓慢.我测试了官方网站的demo,图片都比较大,有的图片在400kb以上,在虚拟空间中打开网站,图片加载有点慢. 插件demo的截图效果不明显,所以不在本文贴出,大家可以去官方看demo演示,或在本文的下面,也有我测试这个插件的用例,可以…

我们开发的网站,总有它一定的用途.如企业站用来宣传企业或展示产品,技术站用来分享自己的思路和经验.既然网站有了它的用途,那么就拥有了它本身的关键词(关键词说明网站的主要内容).例如企业站的关键词大部分是企业名称或产品名称,技术站的关键词大部分是技术术语.不论是企业宣传产品或分享思路经验,我们都想给某些术语加上说明或链接(跳转到术语页面),这时我们就可以使用cluetip插件. 1.     cluetip插件功能 主要用于为某些关键词添加提示说明功能,也可以展示广告.cluetip插件可以读取另…

在介绍这个插件之前,先吐槽一下.这个插件功能很强大.带有的功能有:上传(单个文件或批量文件),自动上传或点击按钮上传,上传前缩略图显示,判断文件格式,上传前的文件操作,上传时进度条显示等功能.如果你用的是最新的浏览器,那么所有的功能都能正常使用.但如果你或你的用户使用的是ie8(包括ie8)以下的浏览器,那么这个插件对于我们来说就只能使用单文件上传功能.ie9不支持上传前缩略图显示.也就是说这个插件主要是面向ie10+,chrome,firefox新版本浏览器的. 但为什么介绍这个插件呢,主要是…

网站开发过程中,为了增加网站交互效果,我们有时需要在当前页面弹出诸如登陆.注册.设置等窗口.而这些窗口就是层,弹出的窗口就是弹出层.jQuery中弹出层插件很多,但有些在html5+css3浏览器下,支持完美.而在例如ie8一下的浏览器下显示不出应有的效果.例如jquery.avgrund插件在ie8下就无法显示. 本文介绍的插件Lightbox_me可以完美的支持chrome,firefox和ie7,ie8,ie9等主流浏览器. 1.Lightbox_me插件功能 用于显示弹出层 2.Ligh…

1.gridster插件功能 实现类似于win8 磁贴拖拽的功能 2.gridster官方地址 http://gridster.net/ 在官方的网站上也有插件的帮助和实例,但是按照官方的说明,我在本地测试总是出现这样那样的问题,一是无法移动,二是在磁铁的附近有一个黑点,可能是定位使用的.但是如果在网站中正常使用,应该不会出现这样的黑点.gridster插件的属性和方法在官网上有详细说明. 经过测试了一下,最后终于解决了问题.效果显示如下: 3.gridster使用方法 1.首先引用js文件 <…

网站开发过程中,为了增加网站交互效果,我们有时需要在当前页面弹出诸如登陆.注册.设置等窗口.而这些窗口就是层,弹出的窗口就是弹出层.jQuery中弹出层插件很多,但有些在html5+css3浏览器下,支持完美.而在例如ie8一下的浏览器下显示不出应有的效果.例如jquery.avgrund插件在ie8下就无法显示. 本文介绍的插件Lightbox_me可以完美的支持chrome,firefox和ie7,ie8,ie9等主流浏览器. 1.Lightbox_me插件功能 实现弹出层操作 2.Ligh…

这个插件在前段时间用过一次,当时是改一个网站.要求顶部的菜单栏随着滚动条的滚动而固定.也大体写了一下,不过在文章中也只是提了一下,文章地址:jQuery插件固定元素位置. 在这篇文章中,再进行总结一下. 一.scrolltofixed插件功能 固定某个元素的位置,在页面滚动时,元素仍然显示. 二.scrolltofixed官方地址 https://github.com/bigspotteddog/ScrollToFixed.在官方地址上有使用说明,在下面有插件的属性方法说明.demo中也有详细的…

实现折叠菜单,可以完全不使用插件.如果使用jquery的话,实现起来也比较简单,我们只需要定义折叠菜单的样式,然后使用jquery中的渐隐渐现就可以了.如果我们自己写折叠菜单,可以方便的使用我们自己的样式.如果我们使用jquery插件,需要根据插件的设计来定义样式,其实就是修改插件的Akordeon默认样式.在这里既然写的是jquery插件,也就把折叠插件Akordeon算进去了.Akordeon插件定义了很多固定的样式,如折叠菜单的高度宽度等.我在测试时,简单的修改了插件默认的样式,自定义的样…

网站对于菜单的依赖其实并不是很大,我们完全可以不使用菜单来设计网站,显示网站内容.但是如果网站的分类太多,“也许”使用菜单作为网站导航可以使 用户 更方便的寻找内容.superfish插件就是用于实现菜单的功能.但是在使用superfish时,与自身网站整合.superfish样式设置是不可避免的.因为官方只给出了怎么使用插件,并且提供了一个简单的样式.如下图: 在我以前的使用中,superfish不符合我的需求,所以我对superfish的样式进行了修改.在本文中,我会提到怎样修改superf…