»巧妙利用jQuery和PHP打造功能开关效果
本文介绍了使用jQuery、PHP和MySQL实现类似360安全卫士防火墙开启关闭的开关，可以将此功能应用在产品功能的开启和关闭功能上。 准备工作为了更好的演示本例，我们需要一个数据表，记录需要的功能说明及开启状态，表结构如下： CREATETABLE`pro`( `id`int(11)NOTNULLauto_increment, `title`varchar(50)NOTNULL, `des...
»利用jQuery marquee实现响应设计
模板的设计综合多屏幕响应式设计和自运行的jQuery marquee(无间断滚动)技术，主要解决的难题是如何根据显示屏幕的大小利用jQuery的Ajax技术加载额外的互操作数据到模板中。利用CSS3 中的媒体查询功能以及包含一组通用的HTML和CSS标签，这个模板提供了非常出色的跨设备的用户体验。 注：关于仅基于CSS的响应式设计和起始程序模板，更多信息请参照针对多屏幕开发的可自定义启动程序设计。...
»jquery blockUI 扩展插件 Dialog
对jQueryblockUI插件进行了小的封装扩展，支持confirm、alert、dialog弹出窗口提示信息，支持按钮回调事件。可以自定义css样式、覆盖blockUI的样式等 首先要到jqueryblockUI官方网址：http://malsup.com/jquery/block/ 下载jquery.blockUIJSlib：http://malsup.com/jquery/block/jq...
»利用jQuery Mobile和JSON建立移动应用程序
近来移动应用开发迅速受到很多公司的关注，他们寻求为现存的产品和应用程序添加移动展现或者“触点”。即便不是所有，大部分移动应用开发框架也都会适应某种现存的“桌面”开发平台。基于Web的框架则不同。业界当前采用jQuery来创建移动web应用程序. 在移动领域，除了对设备特定属性的支持之外，最主要的一个问题就是程序的大小，正如AaronQuint所说： 压缩后的jQuery也大概有4...
»分享一个Jquery封装幻灯片效果
前几天在我同事博客里面看到一篇幻灯片所以觉得用Jqeury写幻灯片也并不是很难就是和我在博客里面的tab自动切换的原理是一模一样的 只是形式不同而已！所以今天也写了一个常见的幻灯片效果用Jquery写的 很简单也是用我上次tab自动切换的js 所以原理没有什么可说的 不懂的可以看看上次写的TAB自动切换代码：下面的一张截图： 就是类似这种幻灯片： 下面是HTML结构和CSS样...
»用jquery实现ajax跨域请求
业务需求：一台独立的新闻服务器（A），对外提供新闻。客户（B）网页引入A的js，即可请求新闻。 B请求新闻所产生的页面有A的js生成。 A提供<scripttype="text/javascript"src="http://newsdomain/js/news.js"></script>来让B引入。 一般的ajax无法跨域请求，jquery的$.ajax 也是如此。均提...
»深入了解jquery键盘事件
很多时候，我们需要获取用户的键盘事件，下面就一起来看看jquery是如何操作键盘事件的。 一、首先需要知道的是： 1、keydown() keydown事件会在键盘按下时触发. 2、keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3、keypress() &n...
»jQuery实现页面图片等比例放大和缩小
本文将利用jquery实现页面图片等比例放大和缩小。说明:页面中经常需要将未知大小的图片展示在有限的空间里, 如果直接指定图片的width和height值,就有可能造成图片走样, 这段代码就是为解决这个问题设计。 html代码结构: <ahref=""><imgsrc="images/tmp_376x470.jpg"width="300"height="30...
»jquery json解析详解
我们先以解析上例中的comments对象的JSON数据为例，然后再小结jQuery中解析JSON数据的方法。 上例中得到的JSON数据如下，是一个嵌套JSON： {"comments":[{"content":"很不错嘛","id":1,"nickname":"纳尼"},{"content":"哟西哟西","id":2,"nickname":"小强"}]} 获取JSON数据，在jQuery中有一...
»12个非常有用的jQuery技巧
由于jQuery对象本身是一个集合。所以如果jQuery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。 1、关于页面元素的引用 通过jQuery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jQuery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jQuery对象...
»如何动态地加载Jquery库文件
有时候，我们可能不会在网页中<scriptsrc="jquery.min.js"来加载Jquery库，可能在用户点击某个按钮后，才去加载Jquery库。好处不用我说，节省带宽，提高访问速度，因为用户可能不会点击这个按钮，也就不需要Jquery。那么如何动态加载Jquery库呢？一般可以用Document.write来打印出，也可以用Ajax，也可以用我下面的这种方式： <!DOCTYP...
»试试自己定义jQuery扩展接口
作为一个优秀的JS框架，jquery除了拥有丰富的客户端处理功能、动画功能外，还提供了很多自定义扩展接口，方便我们jquery开发者更灵活地扩展jquery接口，那么本文就来讲讲如何自定义jquery扩展接口，希望能给各位jquery开发者带来帮助。 $.extend({ max:function(a,b){ returna>b?a:b; }, min:function(a,b){ retu...
»分享一个JQuery写的点击上下滚动的小例子
功能需求： 1、滚动框内显示10条记录； 2、有向上和向下滚动按钮，每次点击按钮向上或向下滚动记录条数，不自动滚动； 3、记录条数不循环滚动，滚动到起点或终点则停止滚动。 下面介绍一个简单实现方法： 1、外层容器（div）overflow:hidden，内层列表（ul） 2、按钮点击事件触发一个修改列表的函数 3、应用animate实现动画效果 具体不再啰嗦，直接上代码 CSS设置 <sty...
»jquery打造多彩动态投票显示进度条
下面是来自博客园的一篇文章，原文链接，主要是用jquery实现了一款多彩动态投票显示进度条，效果还可以，就转载了过来，下面先一起看看这些投票进度条的效果图： HTML代码如下： <ulclass="vote-box-listclearfix"id="appVoteBox"> <liclass="vl-item"id="voteItem0"> <divclass=...
»JQuery和Servlet来实现跨域请求
在网上看到很多的JQuery跨域请求的文章，比较有意思。这里我发表一个Servlet与JQuery配置实现跨域的代码，供大家参考。不足之处请指教 原理：JavaScript的Ajax不可以跨域，但是可以通过向本地的一个Servlet发出请求，由Servlet完成跨域。再把远程的结构返回给客户端。这样Ajax就可以跨域了。在后面，再发一个PHP版本的，请大家关注啊。下面是代码 JS代码： 注意：在P...