以下代码演示如何使用jQuery操作浏览器Cookie（说是用jQuery，其实没用到jQuery的任何函数，所以只需要把外层封装的jQuery扩展函数去掉就可以应用在任何JavaScript环境中。/******************************扩展一个jQuery对象用于操作Cookie******************************/jQuery.extend({/***获取指定Cookie的内容*@paramsNameCookie的名称*@returns{string}*/getCookie:function(sName){varaCookie=document.cookie.s...

阅读全文 »

由于最近做的一个小网页需要用到懒加载的效果于是便研究了下JQuery的Lazyload插件。本文不深入讲解，只说下此插件的基本用法（也许只有不到10%的人会用到其它的复杂的方法，我就挑90%的人会用到的说）。JQueryLazyloadGithub地址：https://github.com/tuupola/jquery_lazyload我就不单独做示例了，在我做的Tab页（http://tab.byi.pw）里面也能看到效果。（该网站目前已改成React，不再使用jQuery）首先需要载入JQuery库和Lazyload插件：<scriptsrc="jquery.js"type="text/javascri...

阅读全文 »

这两天没事的时候在做个小Tab页面玩玩，纯粹是做着玩，用来做为自己的主页方便打开各个自己常用的页面。在写HTML/CSS的时候遇到的最大的一个问题就是如何令图片在其父元素内垂直居中，因为父元素的高度固定宽度自适应，而且图片的宽高全部未知，max-width和max-height是90%，在网上找了好多资料，包括Display成table和table-cell都不能完美实现，最后只能尝试着使用JQuery动态来解决了。思路很简单，就是在网页加载完成后去判断图片的高度和其父容器的高度，用父容器的高度减去图片高度再除以2得到其Top值（需要提前把图片的position设为relative），再用JQ的CSS方法设置To...

阅读全文 »

本文章来给大家介绍一个jQuery+Ajax+PHP实现“喜欢”评级功能代码，用户点击页面中自己喜欢的图片上的红心按钮时，前端页面向后台发送一个ajax请求，后台PHP程序接收请求后，查询IP库中是否已经有该用户的点击记录，如果没有，则将对应的数值+1，同时将该用户IP信息写入IP库，反之则告诉用户已经“喜欢过了”。数据库设计先准备两张表，pic表保存的是图片信息，包括图片对应的名称、路径以及图片“喜欢”总数，pic_ip则记录用户点击喜欢后的IP数据。CREATETABLEIFNOTEXISTS`pic`(`id`int(11)NOTNULLAUTO_INCREMENT,`pic_name`varchar(60...

阅读全文 »