运用JS设置cookie、读取cookie、删除cookie

JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。 而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量的生命周期是有限的,当...
Web前端开发 / / 4043次阅读

图片居中及弹出层jQuery插件imgcentering

imgCentering 是一款可以让图片在div居中和实现弹出层的图片jQuery插件,可在一组图片中查看前一张和后一张进行切换的图片相册查看效果,且具有不错的动画效果。 使用教程: 1、引用文件: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></scr...
Web前端开发 / / 4020次阅读
图片居中及弹出层jQuery插件imgcentering

响应式jquery幻灯片插件bxSlider

bxSlider 是一款免费的 jQuery Slider 的插件,它可以实现 内容和图片幻灯片滚动效果,支持响应式,自适应各种尺寸的屏幕,桌面和手机等各种设备都能完美适应。 bxSlider 详细功能 完全响应式:支持所有设备。 支持水平,垂直和淡入淡出等模式。 支持图片,视频和 HTML 内容等幻灯片。 内置支持触摸和滑动等...
Web前端开发 / / 7594次阅读
响应式jquery幻灯片插件bxSlider

jquery特效的图片切换插件:jqFancyTransitions

jqfancytransitions是一款易于使用的显示照片过渡效果的jQuery幻灯片插件,兼容Safari 2 +、Internet Explorer 6 +、Firefox 2 +、3 + 9 +谷歌浏览器等。 使用方法 调用插件js文件: <script src="js/jquery.js" type="text/javascript"></script> &...
Web前端开发 / / 3722次阅读
jquery特效的图片切换插件:jqFancyTransitions

在移动端设置overflow:hidden为什么页面还能滚?禁止方法

如果把 overflow:hidden 用在 body 标签,移动端浏览器依然能滚动,因为移动端是基于touch事件,解决方法有两个。 方法一: 将要隐藏滚动的内容加上一个包裹层div,然后给这个div设置高度为window.height(),并且 overflow:hidden 就可以解决你的问题。 方法二: 给 body 添加 position:fixed; 示例:...
Web前端开发 / / 6117次阅读
在移动端设置overflow:hidden为什么页面还能滚?禁止方法

jQuery适合移动设备触摸屏的响应式幻灯片插件

flickity是一款响应式、适用于移动设备触摸屏、可滑动显示的jQuery幻灯片插件。该幻灯片插件可以设置多种显示效果,可以自动播放,是一款移动优先的jQuery幻灯片插件。 安装方法:可以通过Bower或npm来安装: Bower: bower install flickity --save npm: npm install flickity --save 使用方法: 要使用该幻...
Web前端开发 / / 5317次阅读
jQuery适合移动设备触摸屏的响应式幻灯片插件

css取消Safari浏览器链接点击颜色变灰-webkit-tap-highlight-color

给可点击的元素添加代码: -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。 该属性的作用是:当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。...
Web前端开发 / / 6878次阅读

禁止浏览器右键查看元素或F12审查元素并关闭页面

为了仿止别人仿制或扒下自己的网页,很多网站选择使用禁止浏览器右键查看元素或F12审查元素,一旦查看元素浏览器页面就会自动关闭,javascript实现代码: <script type="text/javascript"> function fuckyou(){ window.close(); //关闭当前窗口(防抽) window.location="about:blank"; //将当前窗口跳转置空白页...
Web前端开发 / / 13142次阅读

Pjax局部无刷新技术教程

整合pjax的准备工作 检查你的网站是否引入1.7.0版本以上的jquery.js,如果没有请全局引入 //新浪CDN提速(或以下载到本地引入): <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.js"></script> 1.7.0版本以上的才有pushState的...
Web前端开发 / / 4580次阅读

masonry+imagesloaded+infinitescroll三大jQuery插件实现瀑布流无限加载

瀑布流已经是几乎过时的技术了,不过对于很多想要快速实现它的朋友而言,却绝非易事,因为即使我们已经有很多现成的代码,却发现在自己的开发环境中 无法快速得到自己想要的结果。就像我们现在要介绍的三大利器(masonry+imagesloaded+infinitescroll)即使它们是如此 有效,却在马上要使用的时候让我们拿着如烫手山芋班很难真正达到我们想要的效果。 下面,我们从其原理来讲解它们的使用,以帮助你更好的发挥...
Web前端开发 / / 5092次阅读

jQuery lightBox 灯箱效果插件

版本: jQuery v1.2.3+ jQuery lightBox v0.5 下载jQuery.lightBox-0.5.zip 效果截图: 使用方法: 1、载入 CSS 文件 <link rel="stylesheet" type="text/css" href="jquery.lightbox-0....
Web前端开发 / / 4686次阅读
jQuery lightBox 灯箱效果插件

jQuery 瀑布流布局插件 Masonry.js 参数介绍

jQuery Masonry是一个构建瀑布流布局的一个jQuery插件,通过它可以轻松使页面元素通过绝对定位实现瀑布流布局,以下是参数介绍: $('#wrapper').masonry({ singleMode: false, // 禁用测量每个浮动元素的宽度。 // 如果浮动元素具有相同的宽度,设置为true。 // 默认: false columnWidth: 240, // 1列网格的...
Web前端开发 / / 4186次阅读